refactor: switch Dashboard to BEM

Author: atyrode

src/frontend/src/pad/containers/Dashboard.scss

@@ -1,27 +1,17 @@
-/* Apply box-sizing border-box to all elements */
-* {
-  box-sizing: border-box;
-}
-
 .dashboard {
+  box-sizing: border-box;
   width: 100%;
   height: 100%;
-
   padding: 4px;
-
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  
   font-family: Arial, sans-serif;
-  
   background: transparent;
-
   border: 0px solid transparent;
 
   &__top-section {
     margin: 10px;
-
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -37,7 +27,6 @@
   &__bottom-section {
     margin: 10px;
     margin-top: 5px;
-
     height: 100%;
     display: flex;
     flex-direction: column;
@@ -52,9 +41,9 @@
     align-items: center;
     height: 100%;
     width: 100%;
-    
     margin-bottom: 18px;
-    h1 {
+    
+    &__title {
       color: #ffffff;
       font-size: 2.5rem;
       text-align: center;
@@ -63,17 +52,10 @@
     }
   }
 
-  @keyframes fadeIn {
-    from { opacity: 0; transform: translateY(10px); }
-    to { opacity: 0.9; transform: translateY(0); }
-  }
-  
   .state-indicator {
     width: 100%;
     height: 100%;
-
     padding: 10px;
-
     border-radius: 7px;
   }
 
@@ -85,4 +67,9 @@
   .action-button {
     border-radius: 7px;
   }
+  
+  @keyframes fadeIn {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 0.9; transform: translateY(0); }
+  }
 }

src/frontend/src/pad/containers/Dashboard.tsx

@@ -139,7 +139,7 @@ export const Dashboard: React.FC<DashboardProps> = ({
             />
           ) : (
             <div className="dashboard__welcome-message">
-              <h1>
+              <h1 className="dashboard__welcome-message__title">
                 {workspaceState?.status === 'starting' ? 'Your workspace is starting...' :
                   workspaceState?.status === 'stopping' ? 'Your workspace is stopping...' :
                     workspaceState?.status === 'stopped' ? 'Your workspace is stopped, start it again to continue' :