feat: align forms with shared UI foundations

src/govoplan_forms/backend/manifest.py

@@ -23,6 +23,7 @@ from govoplan_core.core.modules import (
     ModuleManifest,
     NavItem,
     PermissionDefinition,
+    ProductAreaContribution,
     RoleTemplate,
 )
 from govoplan_core.core.provider_governance import declared_module_architecture
@@ -145,6 +146,17 @@ manifest = ModuleManifest(
                 order=36,
             ),
         ),
+        product_areas=(
+            ProductAreaContribution(
+                id="services-cases",
+                module_id=MODULE_ID,
+                label="i18n:govoplan-core.product_area.services_cases",
+                icon="landmark",
+                description="i18n:govoplan-core.product_area.services_cases_description",
+                surface_ids=("forms.nav.forms", "forms.route.forms"),
+                order=20,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(
                 id="forms.navigation",

webui/src/styles/forms.css

@@ -34,7 +34,7 @@
 .forms-list {
   overflow: hidden;
   border: 1px solid var(--border);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--surface-raised);
 }
 
@@ -305,7 +305,7 @@
   }
 }
 
-@media (max-width: 620px) {
+@media (max-width: 680px) {
   .form-page-editor-heading,
   .form-section-editor,
   .form-localization-editor,