feat(new-nav): clean up service logs layout

libs/domains/service-logs/feature/src/lib/list-service-logs/header-service-logs/header-service-logs.tsx

@@ -2,12 +2,10 @@ import { useNavigate, useParams, useSearch } from '@tanstack/react-router'
 import clsx from 'clsx'
 import { subDays, subHours } from 'date-fns'
 import { useCallback, useMemo, useState } from 'react'
-import { match } from 'ts-pattern'
 import { type NormalizedServiceLog } from '@qovery/domains/service-logs/data-access'
-import { ServiceStateChip, useService } from '@qovery/domains/services/feature'
+import { useService } from '@qovery/domains/services/feature'
 import { type ServiceLogsParams } from '@qovery/shared/router'
-import { DEPLOYMENT_LOGS_VERSION_URL, ENVIRONMENT_LOGS_URL } from '@qovery/shared/routes'
-import { Button, DatePicker, DropdownMenu, Icon, Link, Tooltip } from '@qovery/shared/ui'
+import { Button, DatePicker, DropdownMenu, Icon, Tooltip } from '@qovery/shared/ui'
 import { dateYearMonthDayHourMinuteSecond } from '@qovery/shared/util-dates'
 import { HeaderLogs } from '../../header-logs/header-logs'
 import { SearchServiceLogs } from '../../search-service-logs/search-service-logs'
@@ -112,7 +110,7 @@ export function HeaderServiceLogs({ logs, isLiveMode, refetchHistoryLogs }: Head
           <Icon iconName="arrow-right" />
         </Link>*/}
       </HeaderLogs>
-      <div className="sticky top-[93px] z-header flex w-full items-center justify-between gap-2 border-b border-neutral bg-background px-4 py-2.5">
+      <div className="flex w-full items-center justify-between gap-2 border-b border-neutral bg-background px-4 py-2.5">
         <div className="flex w-full items-center gap-2">
           <Button
             variant="surface"

libs/domains/service-logs/feature/src/lib/list-service-logs/list-service-logs.tsx

@@ -226,7 +226,7 @@ function ListServiceLogsContent({ cluster, environment }: { cluster: Cluster; en
       <div className="w-full">
         <div>
           <HeaderServiceLogs logs={logs} isLiveMode={isLiveMode} refetchHistoryLogs={refetchHistoryLogs} />
-          <div className="flex h-[calc(100vh-216px)] flex-col items-center justify-center">
+          <div className="flex h-[calc(100vh-209px)] flex-col items-center justify-center">
             <Placeholder
               environment={environment}
               hasMetricsEnabled={hasMetricsEnabled}
@@ -243,11 +243,11 @@ function ListServiceLogsContent({ cluster, environment }: { cluster: Cluster; en
   }
 
   return (
-    <div className="w-full">
+    <div className="relative w-full">
       <div>
         <HeaderServiceLogs logs={logs} isLiveMode={isLiveMode} refetchHistoryLogs={refetchHistoryLogs} />
         {isLogsLoading && isLiveMode ? (
-          <div className="flex h-[calc(100vh-216px)] flex-col items-center justify-center">
+          <div className="flex h-[calc(100vh-209px)] flex-col items-center justify-center">
             <Placeholder
               environment={environment}
               hasMetricsEnabled={hasMetricsEnabled}
@@ -260,7 +260,7 @@ function ListServiceLogsContent({ cluster, environment }: { cluster: Cluster; en
           </div>
         ) : (
           <div
-            className="w-full pb-3"
+            className="h-[calc(100vh-209px)] w-full overflow-y-scroll "
             ref={refScrollSection}
             onWheel={(event) => {
               if (!liveLogs) return

libs/pages/logs/environment/src/lib/feature/pod-logs-feature/pod-logs-feature.tsx

@@ -37,7 +37,7 @@ export function PodLogsFeature({ environment, deploymentStages, environmentStatu
   if (!cluster) return null
 
   return (
-    <div className="h-full w-full">
+    <div className="h-full w-full overflow-hidden">
       <ListServiceLogs
         cluster={cluster}
         environment={environment}