maintenance: Clean up codebase and improve formatting

• Remove placeholder comments and unused code
• Standardize inline styles and formatting
• Update component structure and organization

src/assets/css/index.css

@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+/* Critical above-the-fold styles */
+body {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+  background-color: #242424;
+}
+
 a {
   font-weight: 500;
   color: #646cff;
@@ -90,4 +102,132 @@ button:focus-visible {
 .page-exit-active {
   opacity: 0;
   transition: opacity 300ms;
+}
+
+/* Kendo Editor text color override */
+.k-editor-content,
+.k-editor-content *,
+.k-editor-content p,
+.k-editor-content div,
+.k-editor-content span,
+.k-editor-content strong,
+.k-editor-content em,
+.k-editor-content h1,
+.k-editor-content h2,
+.k-editor-content h3,
+.k-editor-content h4,
+.k-editor-content h5,
+.k-editor-content h6,
+.k-editor-content li,
+.k-editor-content td,
+.k-editor-content th,
+.k-editor .k-editor-content,
+.k-editor .k-editor-content *,
+.k-editor .k-editor-content p,
+.k-editor .k-editor-content div,
+.k-editor .k-editor-content span,
+.k-editor .k-editor-content strong,
+.k-editor .k-editor-content em,
+.k-editor * {
+  color: #f5f1e9 !important;
+}
+
+/* Prevent layout shifts */
+.dashboard-content {
+  transition: opacity 0.2s ease-in-out;
+  margin-top: 0 !important;
+}
+
+.dashboard-content.content-wrapper {
+  margin-top: 20px !important;
+  padding-top: 20px !important;
+  min-height: 300px;
+  contain: layout;
+}
+
+.dashboard-content.content-wrapper h2 {
+  margin-top: 0 !important;
+}
+
+.dashboard-content.loading {
+  opacity: 0.7;
+}
+
+/* Force stable layout from initial load */
+.app-layout {
+  width: 100%;
+  min-height: 100vh;
+  display: flex;
+  position: relative;
+  will-change: auto;
+  contain: layout;
+  transform: translateZ(0); /* Force hardware acceleration */
+  margin-top: 10px;
+}
+
+.content-area {
+  width: 1000px;
+  margin-left: 100px;
+  position: relative;
+  padding: 0 20px;
+  min-height: 400px;
+  contain: layout;
+  transform: translateY(-75px);
+}
+
+/* Ensure content doesn't shift during loading */
+.content-wrapper {
+  width: 1000px;
+  margin: 0 auto;
+  min-height: 200px;
+  position: relative;
+  margin-top: 0 !important;
+}
+
+/* Prevent layout shifts in header area */
+.k-appbar {
+  min-height: 60px !important;
+  height: 60px !important;
+  will-change: auto;
+  contain: layout;
+}
+
+/* Ensure header container has stable dimensions */
+div[style*="display: flex"][style*="alignItems: center"] {
+  min-height: 200px !important;
+  contain: layout;
+  transform: translateZ(0); /* Force hardware acceleration */
+  margin-top: 10px;
+}
+
+/* Target the AppBar container specifically */
+div[style*="display: flex"][style*="alignItems: center"][style*="height: auto"] {
+  margin-top: 10px !important;
+}
+
+/* Prevent breadcrumb layout shifts */
+.k-breadcrumb {
+  min-height: 20px !important;
+  will-change: auto;
+}
+
+/* Ensure PanelBar has consistent positioning */
+.k-panelbar {
+  position: relative !important;
+  will-change: auto;
+}
+
+/* Fix login form layout shifts */
+.k-input {
+  width: 300px !important;
+  max-width: 300px !important;
+  min-width: 300px !important;
+  contain: layout;
+}
+
+/* Ensure login form container has stable dimensions */
+form {
+  width: 350px !important;
+  margin: 0 auto !important;
+  contain: layout;
 }