feat: update UI text and structure for improved user experience and localization

Web/public/scss/pages/_frontend.scss

@@ -5,6 +5,8 @@
         width: 100%;
         background-color: var(--mat-sys-background) !important;
         z-index: 9;
+     -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); 
+box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
     }
 }
 
@@ -17,9 +19,7 @@
 }
 
 .tab-header {
-
     .profileTabs {
-
         .mat-mdc-tab {
             padding: 30px 16px;
             height: auto;
@@ -34,7 +34,6 @@
             border-top-width: 0;
         }
     }
-
 }
 
 .home-page .expansion-panel .mat-expansion-panel-body {
@@ -65,7 +64,6 @@
     }
 }
 
-
 .spacing-top-bottom {
     padding: 80px 0;
 }
@@ -140,4 +138,4 @@
     .footer-content .left-side-content {
         padding: 30px !important;
     }
-} 
+}