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

frontend/app/recipes/create/CreateRecipePage.tsx

@@ -127,6 +127,10 @@ export default function CreateRecipePage() {
     { value: 'tsk', label: 'tsk (tesked)' },
     { value: 'msk', label: 'msk (matsked)' },
     { value: 'krm', label: 'krm (kryddmått)' },
+    { 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/recipes/create/page.tsx

@@ -156,7 +156,7 @@ export default function CreateRecipePage() {
       <div
         style={{
           display: 'grid',
-          gridTemplateColumns: '1fr 1fr',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(350px, 1fr))',
           gap: '1.5rem',
         }}
       >