fix: pwa mode and mobile safe area padding

src/components/sidebar/view/subcomponents/SidebarContent.tsx

@@ -50,7 +50,7 @@ export default function SidebarContent({
   return (
     <div
       className="h-full flex flex-col bg-background/80 backdrop-blur-sm md:select-none md:w-72"
-      style={isPWA && isMobile ? { paddingTop: '44px' } : {}}
+      style={{}}
     >
       <SidebarHeader
         isPWA={isPWA}

src/components/sidebar/view/subcomponents/SidebarFooter.tsx

@@ -20,7 +20,7 @@ export default function SidebarFooter({
   t,
 }: SidebarFooterProps) {
   return (
-    <div className="flex-shrink-0">
+    <div className="flex-shrink-0" style={{ paddingBottom: 'env(safe-area-inset-bottom, 0)' }}>
       {/* Update banner */}
       {updateAvailable && (
         <>

src/components/sidebar/view/subcomponents/SidebarHeader.tsx

@@ -49,7 +49,7 @@ export default function SidebarHeader({
       {/* Desktop header */}
       <div
         className="hidden md:block px-3 pt-3 pb-2"
-        style={isPWA && isMobile ? { paddingTop: '44px' } : {}}
+        style={{}}
       >
         <div className="flex items-center justify-between gap-2">
           {IS_PLATFORM ? (