Restyle registrar console based on the new design proposal (#2336)

console-webapp/src/app/shared/components/notifications/notifications.component.ts

@@ -0,0 +1,37 @@
+// Copyright 2024 The Nomulus Authors. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { Component } from '@angular/core';
+
+interface Notification {
+  id: string;
+  date: Date;
+  text: string;
+}
+
+@Component({
+  selector: 'app-notifications',
+  templateUrl: './notifications.component.html',
+  styleUrls: ['./notifications.component.scss'],
+})
+export class NotificationsComponent {
+  protected mockNotifications: Notification[] = [
+    {
+      id: '0',
+      date: new Date(),
+      text: 'Registry Downtime Planned on June 9, 2024 due to maintenance.',
+    },
+  ];
+  constructor() {}
+}