feat: add user notification pattern

styles/28-patterns-notifications.css

@@ -42,6 +42,15 @@
   height: auto;
 }
 
+.sg-user-notification-pattern {
+  width: var(--layout-user-notification-card-width);
+  margin-inline: auto;
+}
+
+.sg-user-notification-pattern__actions {
+  align-items: flex-end;
+}
+
 .sg-vsf-meldungen-layout {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -91,4 +100,8 @@
   .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment.sg-notifications-pattern__text-segment--small {
     height: auto;
   }
+
+  .sg-user-notification-pattern {
+    width: 100%;
+  }
 }