feat: css paddings on pages

src/app/series/[seriesId]/page.tsx

@@ -63,7 +63,7 @@ async function SeriesPage({ params, searchParams }: PageProps) {
       await getSeriesBooks(params.seriesId, currentPage, unreadOnly);
 
     return (
-      <div className="container py-8 space-y-8">
+      <div className="container">
         <SeriesHeader series={series} refreshSeries={refreshSeries} />
         <PaginatedBookGrid
           books={books.content || []}

src/components/layout/ClientLayout.tsx

@@ -68,7 +68,7 @@ export default function ClientLayout({ children }: { children: React.ReactNode }
           <LoadingBar />
           {!isPublicRoute && <Header onToggleSidebar={handleToggleSidebar} />}
           {!isPublicRoute && <Sidebar isOpen={isSidebarOpen} onClose={handleCloseSidebar} />}
-          <main className={`${!isPublicRoute ? "container pt-4 md:pt-8" : ""}`}>{children}</main>
+          <main className={`${!isPublicRoute ? "container" : ""}`}>{children}</main>
           <InstallPWA />
           <Toaster />
           <NetworkStatus />

src/components/series/PaginatedBookGrid.tsx

@@ -94,7 +94,7 @@ export function PaginatedBookGrid({
   };
 
   return (
-    <div className="space-y-8">
+    <div className="space-y-8 py-8">
       <div className="flex items-center justify-between flex-wrap gap-4">
         <p className="text-sm text-muted-foreground flex-1 min-w-[200px]">{getShowingText()}</p>
         <button