Implement health check service and global exception handling

frontend/app/recipes/create/CreateRecipePage.tsx

@@ -3,6 +3,7 @@
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { fetchJson } from '../../../lib/api';
+import { parseErrorResponse } from '../../../lib/error-handler';
 import type { Product } from '../../../features/inventory/types';
 
 export default function CreateRecipePage() {
@@ -64,12 +65,14 @@ export default function CreateRecipePage() {
       });
 
       if (!response.ok) {
-        throw new Error('Kunde inte spara receptet');
+        const errorMessage = await parseErrorResponse(response);
+        throw new Error(errorMessage);
       }
 
       router.push('/recipes');
     } catch (err) {
-      setError((err as Error).message);
+      const message = err instanceof Error ? err.message : 'Ett okänt fel inträffade. Försök igen.';
+      setError(message);
     } finally {
       setIsLoading(false);
     }