update image protocol

apps/web/next.config.mjs

@@ -25,7 +25,7 @@ const createCspHeader = (isEmbed = false) => {
     // Styles
     "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdn.jsdelivr.net",
     // Images
-    "img-src 'self' blob: data: https://*.vercel.app https://*.supabase.co",
+    "img-src 'self' blob: data: https: http:",
     // Fonts
     "font-src 'self' https://fonts.gstatic.com https://cdn.jsdelivr.net",
     // Frame ancestors

apps/web/src/app/app/(settings_layout)/settings/(restricted-width)/profile/page.tsx

@@ -22,11 +22,11 @@ export default function ProfilePage() {
             className="h-12 w-12"
             fallbackClassName="text-2xl"
           />
-          <div className="flex flex-col justify-center gap-1">
+          <div className="flex flex-col justify-center gap-0">
             <Title as="h3" className="text-foreground">
               {name}
             </Title>
-            <Text className="text-gray-light mt-1">{email}</Text>
+            <Text className="text-gray-light mt-0.5">{email}</Text>
           </div>
         </div>
         {/* Info Section */}

apps/web/src/components/ui/avatar/AvatarBase.tsx

@@ -27,6 +27,7 @@ const AvatarImage = React.forwardRef<
       data-testid="avatar-image"
       data-slot="avatar-image"
       className={cn('aspect-square h-full w-full', className)}
+      {...props}
     />
   );
 });