updates on the ui changes and table

public/index.html

@@ -30,9 +30,22 @@
     -->
     <title>Doormile Express Console</title>
 
-    <link rel="preconnect" href="https://fonts.gstatic.com" />
+    <!--
+      Fonts are loaded HERE, not by the design system. Astryx only sets the
+      --font-family-* tokens (see themes/astryx.js); its own docs are explicit
+      that "Astryx does not handle font loading" and expects a <link> in <head>.
+      If you change a family in the theme, change it here too or it silently
+      falls back to the system stack.
+
+      Inter = body, Sora = headings. Poppins and Roboto used to be loaded here
+      but nothing referenced them (they were only listed as options in a
+      config.js comment), and Public Sans went when the MUI theme moved to
+      Inter — dropping all three cuts three unused font downloads from cold load.
+    -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap&family=Public+Sans:wght@400;500;600;700"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap"
       rel="stylesheet"
     />