🎨 style: adjust logo and mobile header padding on mobile

packages/frontend/src/components/Logo.tsx

@@ -13,9 +13,11 @@ export const Logo = ({ orgSlug }: LogoProps) => {
         <img
           src="/logo.svg"
           alt="Snowball Logo"
-          className="h-10 w-10 rounded-lg"
+          className="lg:h-10 lg:w-10 h-8 w-8 rounded-lg"
         />
-        <Heading className="text-[24px] font-semibold">Snowball</Heading>
+        <Heading className="lg:text-[24px] text-[19px] font-semibold">
+          Snowball
+        </Heading>
       </div>
     </Link>
   );

packages/frontend/src/pages/org-slug/layout.tsx

@@ -44,7 +44,7 @@ export const DashboardLayout = ({
         )}
       >
         {/* Header on mobile */}
-        <div className="flex lg:hidden items-center px-4 py-4 justify-between">
+        <div className="flex lg:hidden items-center px-4 py-2.5 justify-between">
           <Logo orgSlug={orgSlug} />
           <div className="flex items-center gap-0.5">
             <AnimatePresence>