feat: Update ingredient units and improve layout responsiveness across various components

frontend/app/inventory/InventoryEditForm.tsx

@@ -46,6 +46,10 @@ const UNIT_OPTIONS = [
   { value: 'st', label: 'st (styck)' },
   { value: 'tsk', label: 'tsk (tesked)' },
   { value: 'msk', label: 'msk (matsked)' },
+  { value: 'port', label: 'port (portioner)' },
+  { value: 'efter smak', label: 'Efter smak' },
+  { value: 'förp', label: 'förp (förpackning)' },
+  { value: 'klyfta', label: 'klyfta' },
 ];
 
 const LOCATION_OPTIONS = [

frontend/app/inventory/InventoryForm.tsx

@@ -24,6 +24,10 @@ export default function InventoryForm({ products }: Props) {
     { value: 'st', label: 'st (styck)' },
     { value: 'tsk', label: 'tsk (tesked)' },
     { value: 'msk', label: 'msk (matsked)' },
+    { value: 'port', label: 'port (portioner)' },
+    { value: 'efter smak', label: 'Efter smak' },
+    { value: 'förp', label: 'förp (förpackning)' },
+    { value: 'klyfta', label: 'klyfta' },
   ];
 
   const LOCATION_OPTIONS = [

frontend/app/inventory/page.tsx

@@ -117,7 +117,7 @@ export default async function InventoryPage({ searchParams }: InventoryPageProps
           style={{
             display: 'grid',
             gap: '1rem',
-            gridTemplateColumns: '1fr 1fr',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',
             alignItems: 'start',
           }}
         >