Improve HUD styling and layout consistency

Adjusted various height, padding, and spacing values for better alignment and responsiveness in the HUD. Increased font sizes and refined positioning to ensure a visually balanced layout. These changes enhance the user experience by improving aesthetic and functional design.

frontend/src/AppLayout.css

@@ -130,6 +130,7 @@ body {
 
 /* HUD */
 .playerHud {
+  height: 100%;
   min-height: 0;
   overflow: hidden;
   display: grid;
@@ -139,6 +140,7 @@ body {
 }
 
 .playerHudMiddle {
+  height: 100%;
   min-width: 0;
   min-height: 0;
   overflow: hidden;