fix navigation & profile background

apps/web/components/navigation/header/index.tsx

@@ -6,7 +6,7 @@ type Props = { title: string | undefined };
 
 export function PageHeader(props: Readonly<Props>) {
   return (
-    <div className="sticky top-0 z-50 flex items-center bg-background p-2">
+    <div className="sticky top-0 z-50 mb-2 flex items-center rounded-b-lg bg-transparent p-2">
       <BackButton />
       <PageTitle title={props.title} />
     </div>

apps/web/components/profile/cards/person-card.tsx

@@ -14,7 +14,7 @@ export function PersonCard({ telegramId }: Readonly<ProfileProps>) {
   if (!customer) return null;
 
   return (
-    <Card className="p-4">
+    <Card className="bg-transparent p-4 shadow-none">
       <div className="flex flex-col items-center space-y-2">
         <Avatar className="size-20">
           <AvatarImage alt={customer?.name} src={customer.photoUrl || ''} />