fix(ui): filter out server options that do not match request type (non-4K or 4K) (#1183)

src/components/RequestModal/AdvancedRequester/index.tsx

@@ -276,9 +276,14 @@ const AdvancedRequester: React.FC<AdvancedRequesterProps> = ({
                   onBlur={(e) => setSelectedServer(Number(e.target.value))}
                   className="block w-full py-2 pl-3 pr-10 mt-1 text-base leading-6 text-white transition duration-150 ease-in-out bg-gray-800 border-gray-700 rounded-md form-select focus:outline-none focus:ring-blue focus:border-blue-300 sm:text-sm sm:leading-5"
                 >
-                  {data.map((server) => (
-                    <option key={`server-list-${server.id}`} value={server.id}>
-                      {server.isDefault && server.is4k === is4k
+                  {data
+                    .filter((server) => server.is4k === is4k)
+                    .map((server) => (
+                      <option
+                        key={`server-list-${server.id}`}
+                        value={server.id}
+                      >
+                        {server.isDefault
                           ? intl.formatMessage(messages.default, {
                               name: server.name,
                             })