init commit

src/app/pages/error/server-error/server-error.component.html

@@ -0,0 +1,23 @@
+<div class="error-container">
+  <mat-card class="error-card">
+    <mat-card-content>
+      <div class="error-icon">
+        <mat-icon>warning</mat-icon>
+      </div>
+      <h1>500 - Server Error</h1>
+      <p class="error-message">
+        We're experiencing technical difficulties. Our team has been notified and is working to resolve the issue.
+      </p>
+      <div class="error-actions">
+        <button mat-raised-button color="primary" routerLink="/home">
+          <mat-icon>home</mat-icon>
+          Go Home
+        </button>
+        <button mat-stroked-button (click)="reloadPage()" class="ml-2">
+          <mat-icon>refresh</mat-icon>
+          Try Again
+        </button>
+      </div>
+    </mat-card-content>
+  </mat-card>
+</div>