feat: NCS-63 User account implementation (#2)

User Profile info, no game before login/register, menu bar

---------

Co-authored-by: Lala, Shahd <Shahd.Lala@sybit.de>
Co-authored-by: shahdlala66 <shahd.lala66@gmail.com>
Reviewed-on: #2

src/app/components/promotion-dialog/promotion-dialog.component.html

@@ -2,25 +2,22 @@
   <div class="promotion-dialog">
     <div class="promotion-header">
       <h3>Pawn Promotion</h3>
-      <button class="close-btn" (click)="close()" aria-label="Close">&times;</button>
+      <button class="app-btn" (click)="close()" aria-label="Close"
+        style="padding:0.2rem 0.5rem;min-width:unset;">&times;</button>
     </div>
-    
+
     <div class="promotion-body">
       <p class="promotion-prompt">Choose a piece to promote your pawn to:</p>
-      
+
       <div class="promotion-options">
         @for (piece of promotionPieces; track piece.type) {
-          <button
-            class="promotion-button"
-            [attr.data-piece]="piece.type"
-            (click)="selectPromotion(piece.type)"
-            [title]="piece.label"
-          >
-            <span class="piece-symbol">{{ piece.symbol }}</span>
-            <span class="piece-label">{{ piece.label }}</span>
-          </button>
+        <button type="button" class="app-btn promotion-choice" [attr.data-piece]="piece.type"
+          (click)="selectPromotion(piece.type)" [title]="piece.label">
+          <span class="piece-symbol">{{ piece.symbol }}</span>
+          <span class="piece-label">{{ piece.label }}</span>
+        </button>
         }
       </div>
     </div>
   </div>
-</div>
+</div>