add home link to nav

src/app/feed/pages/PostPage.tsx

@@ -6,6 +6,8 @@ import SingleColumnLayout from '../../../layouts/SingleColumnLayout.tsx'
 import NavBar from '../../../components/NavBar.tsx'
 import AuthNavButtons from '../../auth/components/AuthNavButtons.tsx'
 import PostItem from '../components/PostItem.tsx'
+import NavButton from '../../../components/buttons/NavButton.tsx'
+import { useTranslations } from '../../i18n/translations.ts'
 
 interface PostPageProps {
   postsService: PostsService
@@ -16,6 +18,7 @@ export default function PostPage({ postsService }: PostPageProps) {
   const [post, setPost] = useState<Post | null>(null)
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
+  const { t } = useTranslations()
 
   useEffect(() => {
     const fetchPost = async () => {
@@ -97,6 +100,7 @@ export default function PostPage({ postsService }: PostPageProps) {
     <SingleColumnLayout
       navbar={
         <NavBar>
+          <NavButton to={{ pathname: '/' }}>{t('nav.home')}</NavButton>
           <AuthNavButtons />
         </NavBar>
       }

src/components/NavBar.tsx

@@ -1,8 +1,10 @@
-import { PropsWithChildren } from 'react'
+import { PropsWithChildren, ReactNode } from 'react'
 import { Role, useUserStore } from '../app/user/user.ts'
 import NavButton from './buttons/NavButton.tsx'
 
-type NavBarProps = unknown
+type NavBarProps = {
+  leftChildren?: ReactNode
+}
 
 export default function NavBar({ children }: PropsWithChildren<NavBarProps>) {
   const user = useUserStore((state) => state.user)