update servers and partners list page

update react-window package version
virtual list should now be used correctly
some existing translations are synced from partners to servers page
statComp will now be updated based on filterData
prevented the default enter event of the input box

Author: dockfries

frontend/package-lock.json

@@ -27,7 +27,7 @@
     "react-dom": "^19.0.0",
     "react-icons": "^5.4.0",
     "react-router-dom": "^7.1.5",
-    "react-window": "^1.8.11"
+    "react-window": "^2.2.7"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^3.9.2",

frontend/package.json

@@ -5,7 +5,7 @@
  */
 
 @supports (font-variation-settings: normal) {
-  :root { 
+  :root {
     font-family: InterVariable, sans-serif, var(--ifm-heading-font-family);
   }
 }
@@ -33,10 +33,12 @@ html {
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --ifm-button-font-weight: 600;
-  --ifm-footer-background-color:rgba(255, 255, 255, 0.35);
+  --ifm-footer-background-color: rgba(255, 255, 255, 0.35);
 
-  font-family: 'Inter', sans-serif, var(--ifm-heading-font-family);
-  font-feature-settings: 'liga' 1, 'calt' 1;
+  font-family: Inter, sans-serif, var(--ifm-heading-font-family);
+  font-feature-settings:
+    "liga" 1,
+    "calt" 1;
 
   background-image: url(/images/assets/map.png);
   background-size: cover;
@@ -338,11 +340,43 @@ html[data-theme="dark"] {
 }
 
 .servers-container {
+  display: flex;
+  flex-direction: column;
+  padding: 1em 2em;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: calc(100vh - var(--ifm-navbar-height));
+}
+
+.uid-container {
+  display: block;
+  width: 100%;
   max-width: 50em;
-  margin: 80px auto 295px auto;
+  margin: 80px auto 295px;
   padding: 1em 2em;
+}
+
+.servers-partners-note {
+  font-weight: bold;
+}
+
+.servers-partners-note,
+.servers-container .servers-list-wrapper {
+  max-width: 50em;
   width: 100%;
-  box-sizing: border-box;
+}
+
+.servers-container .servers-list-wrapper {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+}
+
+.servers-virtual-list {
+  height: 100%;
+  overflow: hidden;
 }
 
 /* Loading banner styles */
@@ -391,22 +425,27 @@ html[data-theme="dark"] {
   padding-bottom: 0.3rem;
   margin-bottom: 0.5rem;
   background-color: var(--ifm-navbar-background-color);
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
+  box-shadow:
+    0 1px 1px 0 rgba(0, 0, 0, 0.03),
+    0 1px 1px 0 rgba(0, 0, 0, 0.03);
 }
 
 .server-header {
   display: flex;
   height: 30px;
-  flex-direction: row;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.5rem;
+  gap: 18px;
 }
 
 .server-heading {
   font-size: 1.25rem;
   font-weight: 600;
   margin: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .server-link {
@@ -718,7 +757,18 @@ html[data-theme="dark"] {
 
   .servers-container {
     padding: 1em;
-    margin: 10px auto 50px auto;
+    margin: 10px 0;
+    height: auto;
+    min-height: 100vh;
+  }
+
+  .uid-container {
+    margin: 10px auto 50px;
+    padding: 1em;
+  }
+
+  .servers-virtual-list {
+    height: calc(100vh - var(--ifm-navbar-height) - 60px);
   }
 
   .server-info-content-wrapper {
@@ -728,8 +778,18 @@ html[data-theme="dark"] {
   .server-info-section {
     padding: 0.5rem;
   }
+
+  .server-heading {
+    font-size: 1rem;
+  }
+
+  .server-player-count,
+  .server-details,
+  .copy-badge-text {
+    font-size: 0.875rem;
+  }
 }
 
 .hash-link {
   font-family: var(--ifm-font-family-base);
-}
+}