refactor: split CSS and JS into modular files (SRP)

src/server/web/templates/index.html

@@ -440,15 +440,34 @@
         </div>
     </div>
 
-    <!-- Scripts -->
-    <script src="/static/js/websocket_client.js"></script>
-    <script src="/static/js/localization.js"></script>
+    <!-- Socket.IO -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.7.2/socket.io.min.js"></script>
 
-    <!-- UX Enhancement Scripts -->
+    <!-- Shared Modules (load in dependency order) -->
+    <script src="/static/js/shared/constants.js"></script>
+    <script src="/static/js/shared/auth.js"></script>
+    <script src="/static/js/shared/api-client.js"></script>
+    <script src="/static/js/shared/theme.js"></script>
+    <script src="/static/js/shared/ui-utils.js"></script>
+    <script src="/static/js/shared/websocket-client.js"></script>
+
+    <!-- External modules -->
+    <script src="/static/js/localization.js"></script>
     <script src="/static/js/user_preferences.js"></script>
 
-
-    <script src="/static/js/app.js"></script>
+    <!-- Index Page Modules -->
+    <script src="/static/js/index/series-manager.js"></script>
+    <script src="/static/js/index/selection-manager.js"></script>
+    <script src="/static/js/index/search.js"></script>
+    <script src="/static/js/index/scan-manager.js"></script>
+    <!-- Config Sub-Modules (must load before config-manager.js) -->
+    <script src="/static/js/index/scheduler-config.js"></script>
+    <script src="/static/js/index/logging-config.js"></script>
+    <script src="/static/js/index/advanced-config.js"></script>
+    <script src="/static/js/index/main-config.js"></script>
+    <script src="/static/js/index/config-manager.js"></script>
+    <script src="/static/js/index/socket-handler.js"></script>
+    <script src="/static/js/index/app-init.js"></script>
 </body>
 
 </html>