feat: align notifications with shared UI foundations

src/govoplan_notifications/backend/manifest.py

@@ -13,6 +13,7 @@ from govoplan_core.core.modules import (
     ModuleInterfaceProvider,
     ModuleManifest,
     PermissionDefinition,
+    ProductAreaContribution,
     RoleTemplate,
 )
 from govoplan_core.core.provider_governance import declared_module_architecture
@@ -155,6 +156,17 @@ manifest = ModuleManifest(
                 surface_id="notifications.route.notifications",
             ),
         ),
+        product_areas=(
+            ProductAreaContribution(
+                id="communication",
+                module_id=MODULE_ID,
+                label="i18n:govoplan-core.product_area.communication",
+                icon="mail",
+                description="i18n:govoplan-core.product_area.communication_description",
+                surface_ids=("notifications.route.notifications",),
+                order=40,
+            ),
+        ),
         view_surfaces=(
             ViewSurface(
                 id="notifications.page.inbox",

webui/src/styles/notifications.css

@@ -141,7 +141,7 @@
 }
 
 .notifications-message p {
-  max-width: 840px;
+  max-width: 900px;
   margin: 0 0 14px;
   line-height: 1.6;
   white-space: pre-line;
@@ -222,7 +222,7 @@
   width: max-content;
   max-width: 100%;
   margin: 14px 0 0;
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--danger-soft);
   color: var(--danger-text);
   padding: 8px 10px;
@@ -233,7 +233,7 @@
   grid-template-columns: minmax(0, 1fr) auto;
   gap: 3px 12px;
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--surface);
   margin-bottom: 8px;
   padding: 10px;
@@ -247,7 +247,7 @@
 }
 
 .notifications-permission-state {
-  max-width: 860px;
+  max-width: 900px;
   margin: 0 auto;
   padding: 32px 20px;
 }