fix(mobile): hide tab bar on session pages and add safe area padding

- Prevent mobile tab bar from appearing on session detail pages
- Add bottom padding to Memories page for iPhone home indicator

Author: chriswritescode-dev

frontend/src/components/navigation/MobileTabBar.tsx

@@ -145,13 +145,13 @@ export const MobileTabBar = memo(function MobileTabBar() {
 
   const isOnRepoSchedules = /^\/repos\/\d+\/schedules$/.test(pathname)
   const isRepoMemories = /^\/repos\/\d+\/memories$/.test(pathname)
-  const isRepoSession = /^\/repos\/\d+\/sessions\/\w+/.test(pathname)
   const isMobile = useMobile()
   const isRoot = pathname === '/'
   const isGlobalSchedules = pathname === '/schedules'
   const isRepoDetail = /^\/repos\/\d+$/.test(pathname)
-  const isInsideRepo = isRepoDetail || isOnRepoSchedules || isRepoMemories || isRepoSession
-  const allow = isRoot || isGlobalSchedules || isInsideRepo
+  const isInsideRepo = isRepoDetail || isOnRepoSchedules || isRepoMemories
+  const isRepoSession = /^\/repos\/\d+\/sessions\/\w+/.test(pathname)
+  const allow = isRoot || isGlobalSchedules || (isInsideRepo && !isRepoSession)
 
   const repoIdMatch = pathname.match(/^\/repos\/(\d+)/)
   const repoId = repoIdMatch ? repoIdMatch[1] : null

frontend/src/pages/Memories.tsx

@@ -69,7 +69,7 @@ export function Memories() {
   }
 
   return (
-    <div className="h-dvh max-h-dvh overflow-hidden bg-gradient-to-br from-background via-background to-background flex flex-col">
+    <div className="h-dvh max-h-dvh overflow-hidden bg-gradient-to-br from-background via-background to-background flex flex-col pb-[calc(env(safe-area-inset-bottom)+56px)] sm:pb-0">
       <Header>
         <Header.BackButton to={`/repos/${repoId}`} />
         <div className="min-w-0 flex-1 flex justify-center ml-2">
@@ -95,7 +95,7 @@ export function Memories() {
         </Header.Actions>
       </Header>
 
-      <div className="flex-1 overflow-auto p-4 [mask-image:linear-gradient(to_bottom,transparent,black_16px,black)]">
+      <div className="flex-1 overflow-auto p-4 pb-20 [mask-image:linear-gradient(to_bottom,transparent,black_16px,black)]">
         {stats && (
           <Card className="mb-6 hidden sm:block">
             <CardContent className="p-4">