feat(ui): increase settings modal width and adjust height for better responsiveness

- Increase modal width from 800px to 1000px to accommodate more content
- Change height from fixed 600px to dynamic calculation based on viewport height
- Maintain responsive constraints with max-width and max-height properties

static/css/components/modal/settings-modal.css

@@ -20,8 +20,8 @@
 }
 
 .settings-modal {
-    width: 800px;
-    height: 600px;
+    width: 1000px;
+    height: calc(92vh - var(--header-height, 48px));
     max-width: 95vw;
     max-height: 90vh;
     display: flex;