feat(front-end): admin desing improvements

frontend/src/app/features/admin/pages/admin-dashboard.component.scss

@@ -1,9 +1,7 @@
 .admin-dashboard {
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-lg);
-  padding: clamp(12px, 2vw, 20px);
-  box-shadow: var(--shadow-sm);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
 }
 
 .dashboard-header {
@@ -11,7 +9,6 @@
   justify-content: space-between;
   align-items: flex-start;
   gap: var(--space-4);
-  margin-bottom: var(--space-4);
 }
 
 .dashboard-header h1 {
@@ -294,7 +291,7 @@ tbody tr.no-results:hover {
 
 .error {
   color: var(--color-danger-500);
-  margin-bottom: var(--space-3);
+  margin: 0;
 }
 
 .modal-backdrop {
@@ -404,7 +401,7 @@ h4 {
 
 @media (max-width: 820px) {
   .admin-dashboard {
-    padding: var(--space-4);
+    gap: var(--space-4);
   }
 
   .list-toolbar {
@@ -449,10 +446,6 @@ h4 {
 }
 
 @media (max-width: 520px) {
-  .admin-dashboard {
-    padding: var(--space-3);
-  }
-
   th,
   td {
     padding: var(--space-2);