completed the frontend dashboard component and bound it to the tenant admin pwa for the optimal onboarding experience.. Added a profile page.

resources/js/layouts/app/Header.tsx

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 import i18n from '@/i18n';
 import { useAppearance } from '@/hooks/use-appearance';
 import { useLocalizedRoutes } from '@/hooks/useLocalizedRoutes';
+import profileRoutes from '@/routes/profile';
 import { Button } from '@/components/ui/button';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
@@ -249,7 +250,7 @@ const Header: React.FC = () => {
                   </DropdownMenuLabel>
                   <DropdownMenuSeparator />
                   <DropdownMenuItem asChild className="font-sans-marketing">
-                    <Link href={localizedPath('/profile')}>
+                    <Link href={profileRoutes.index().url}>
                       Profil
                     </Link>
                   </DropdownMenuItem>
@@ -376,7 +377,7 @@ const Header: React.FC = () => {
                       <>
                         <SheetClose asChild>
                           <Link
-                            href={localizedPath('/profile')}
+                            href={profileRoutes.index().url}
                             className="rounded-md border border-transparent px-3 py-2 text-base font-medium text-gray-700 transition hover:border-gray-200 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-900/60 font-sans-marketing"
                             onClick={handleNavSelect}
                           >