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

frontend/app/recipes/import/ImportFilePage.tsx

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

frontend/app/recipes/import/ImportRecipePage.tsx

@@ -45,6 +45,10 @@ const UNIT_OPTIONS = [
   { 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' },
 ];
 
 type Step = 'input' | 'review' | 'saving';