feat: implement dark mode support for admin layout and components

- Add dark mode toggle component in admin header
- Integrate dark mode store across admin layout and child components
- Update header, judulList, and judulListTab components with theme tokens
- Add unified typography components for consistent theming
- Implement smooth transitions for dark/light mode switching
- Add mounted state to prevent hydration mismatches
- Style navbar with dark mode aware colors and hover states
- Update button styles with gradient effects for both themes

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

src/styles/dark-mode-table.css

@@ -0,0 +1,31 @@
+/**
+ * Dark Mode Table Styles
+ * 
+ * Override Mantine table hover styles untuk dark mode
+ * Agar teks putih tetap terlihat saat hover
+ */
+
+/* Dark mode table hover */
+[data-mantine-color-scheme="dark"] {
+  /* Table hover */
+  .mantine-Table-tr:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+  }
+  
+  /* Table striped hover */
+  .mantine-Table-striped .mantine-Table-tr:nth-of-type(odd):hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+  }
+  
+  /* Table with column borders */
+  .mantine-Table-withColumnBorders .mantine-Table-tr:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+  }
+}
+
+/* Light mode table hover - default Mantine behavior */
+[data-mantine-color-scheme="light"] {
+  .mantine-Table-tr:hover {
+    background-color: rgba(0, 0, 0, 0.02) !important;
+  }
+}