Add demo usage seeds and seed script polish

components/planning/activity-evaluation-fields.tsx

@@ -33,6 +33,8 @@ export function ActivityEvaluationFields({
     initialSkipReasonId ?? skipReasons[0]?.id ?? "",
   );
   const [notes, setNotes] = useState(initialNotes ?? "");
+  const selectedSkipReason =
+    skipReasons.find((skipReason) => skipReason.id === skipReasonId) ?? null;
 
   if (status !== "skipped" && status !== "adjusted") {
     return null;
@@ -54,7 +56,9 @@ export function ActivityEvaluationFields({
               onValueChange={(value) => setSkipReasonId(value ?? skipReasons[0]?.id ?? "")}
             >
               <SelectTrigger className="h-11 w-full rounded-[1.15rem] bg-background/80 px-4 text-sm">
-                <SelectValue placeholder="Kies een skip-reden" />
+                <SelectValue placeholder="Kies een skip-reden">
+                  {selectedSkipReason?.labelNl}
+                </SelectValue>
               </SelectTrigger>
               <SelectContent>
                 {skipReasons.map((skipReason) => (

components/planning/activity-form.tsx

@@ -150,7 +150,9 @@ export function ActivityForm({
                 onValueChange={(value) => setCategoryId(value ?? categories[0]?.id ?? "")}
               >
                 <SelectTrigger className="h-12 w-full rounded-[1.25rem] bg-background/80 px-4 text-base">
-                  <SelectValue placeholder="Kies een categorie" />
+                  <SelectValue placeholder="Kies een categorie">
+                    {selectedCategory?.labelNl}
+                  </SelectValue>
                 </SelectTrigger>
                 <SelectContent>
                   {categories.map((category) => (

components/planning/ad-hoc-activity-form.tsx

@@ -150,7 +150,9 @@ export function AdHocActivityForm({
                 onValueChange={(value) => setCategoryId(value ?? categories[0]?.id ?? "")}
               >
                 <SelectTrigger className="h-12 w-full rounded-[1.25rem] bg-background/80 px-4 text-base">
-                  <SelectValue placeholder="Kies een categorie" />
+                  <SelectValue placeholder="Kies een categorie">
+                    {selectedCategory?.labelNl}
+                  </SelectValue>
                 </SelectTrigger>
                 <SelectContent>
                   {categories.map((category) => (

components/settings/settings-form.tsx

@@ -56,7 +56,6 @@ export function SettingsForm({ profileBundle }: SettingsFormProps) {
       action={formAction}
       className="space-y-6"
       aria-busy={isPending}
-      encType="multipart/form-data"
     >
       <input type="hidden" name="locale" value={locale} />
       <PreferenceHiddenFields draft={draft} />