fix(ui): layer page scrolling & tiling (#705)

* chore: pin yarn version

* fix(ui): layer page scrolling & tiling

Author: LucasMrqes

ui/package.json

@@ -42,5 +42,6 @@
     "typescript": "^5.3.3",
     "typescript-eslint": "^8.11.0",
     "vite": "^7.0.0"
-  }
-}
+  },
+  "packageManager": "[email protected]+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
+}

ui/src/pages/Layers.tsx

@@ -195,6 +195,7 @@ const Layers: React.FC = () => {
       </SlidingPane>
       <div
         className={`
+          h-full
           flex
           flex-col
           p-6
@@ -401,7 +402,7 @@ const Layers: React.FC = () => {
         `}
         >
           {view === 'grid' ? (
-            <div className="grid grid-cols-[repeat(auto-fit,minmax(400px,calc(100%/3)))] p-6 gap-6">
+            <div className="grid grid-cols-[repeat(auto-fit,minmax(400px,1fr))] p-6 gap-6">
               {layersQuery.isLoading ? (
                 Array.from({ length: 100 }).map((_, index) => (
                   <CardLoader key={index} variant={theme} />