Update prettier

apps/next/src/components/layout/header/controls/AvatarDropdown.tsx

@@ -5,6 +5,7 @@ import { useRouter } from 'next/navigation';
 import { useAuthActions } from '@convex-dev/auth/react';
 import { useConvexAuth, useQuery } from 'convex/react';
 
+import type { Id } from '@gib/backend/convex/_generated/dataModel.js';
 import { api } from '@gib/backend/convex/_generated/api.js';
 import {
   BasedAvatar,
@@ -24,26 +25,23 @@ export const AvatarDropdown = () => {
   const user = useQuery(api.auth.getUser, {});
   const currentImageUrl = useQuery(
     api.files.getImageUrl,
-    user?.image ? { storageId: user.image as any } : 'skip',
+    user?.image ? { storageId: user.image as Id<'_storage'> } : 'skip',
   );
 
   if (isLoading) {
     return (
-      <div className="flex items-center gap-2">
-        <div className="bg-muted h-8 w-16 animate-pulse rounded-md" />
-        <div className="bg-muted h-9 w-9 animate-pulse rounded-full" />
+      <div className='flex items-center gap-2'>
+        <div className='bg-muted h-8 w-16 animate-pulse rounded-md' />
+        <div className='bg-muted h-9 w-9 animate-pulse rounded-full' />
       </div>
     );
   }
 
   if (!isAuthenticated) {
     return (
-      <div className="flex items-center gap-2">
-        <Button variant="ghost" size="sm" asChild>
-          <Link href="/sign-in">Sign In</Link>
-        </Button>
-        <Button size="sm" asChild>
-          <Link href="/sign-in">Get Started</Link>
+      <div className='flex items-center gap-2'>
+        <Button size='sm' asChild>
+          <Link href='/sign-in'>Sign In</Link>
         </Button>
       </div>
     );
@@ -55,22 +53,22 @@ export const AvatarDropdown = () => {
         <BasedAvatar
           src={currentImageUrl}
           fullName={user?.name}
-          className="h-9 w-9"
+          className='h-9 w-9'
           fallbackProps={{ className: 'text-sm font-semibold' }}
           userIconProps={{ size: 20 }}
         />
       </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
+      <DropdownMenuContent align='end'>
         {(user?.name ?? user?.email) && (
           <>
-            <DropdownMenuLabel className="text-center font-bold">
+            <DropdownMenuLabel className='text-center font-bold'>
               {user.name?.trim() ?? user.email?.trim()}
             </DropdownMenuLabel>
             <DropdownMenuSeparator />
           </>
         )}
         <DropdownMenuItem asChild>
-          <Link href="/profile" className="w-full cursor-pointer">
+          <Link href='/profile' className='w-full cursor-pointer'>
             Edit Profile
           </Link>
         </DropdownMenuItem>
@@ -82,7 +80,7 @@ export const AvatarDropdown = () => {
                 router.push('/');
               })
             }
-            className="w-full cursor-pointer"
+            className='w-full cursor-pointer'
           >
             Sign Out
           </button>