fix: Use instance in ServerRoleEditor

Signed-off-by: Pecacheu <3608878+Pecacheu@users.noreply.github.com>

Author: Pecacheu

packages/client/components/app/interface/settings/server/roles/ServerRoleEditor.tsx

@@ -1,9 +1,12 @@
+import { For, Show, createMemo, createSignal } from "solid-js";
+
 import { Trans, useLingui } from "@lingui-solid/solid/macro";
-import MdContentCopy from "@material-design-icons/svg/outlined/content_copy.svg?component-solid";
-import MdDelete from "@material-design-icons/svg/outlined/delete.svg?component-solid";
-import MDPalette from "@material-design-icons/svg/outlined/palette.svg?component-solid";
+import { createFormControl, createFormGroup } from "solid-forms";
+import { API, Server, ServerRole } from "stoat.js";
+import { styled } from "styled-system/jsx";
+
 import { useClient } from "@revolt/client";
-import { CONFIGURATION } from "@revolt/common";
+import { useInstance } from "@revolt/instance";
 import { useModals } from "@revolt/modal";
 import {
   Button,
@@ -15,10 +18,11 @@ import {
   Row,
   Text,
 } from "@revolt/ui";
-import { createFormControl, createFormGroup } from "solid-forms";
-import { For, Show, createMemo, createSignal } from "solid-js";
-import { API, Server, ServerRole } from "stoat.js";
-import { styled } from "styled-system/jsx";
+
+import MdContentCopy from "@material-design-icons/svg/outlined/content_copy.svg?component-solid";
+import MdDelete from "@material-design-icons/svg/outlined/delete.svg?component-solid";
+import MDPalette from "@material-design-icons/svg/outlined/palette.svg?component-solid";
+
 import { useSettingsNavigation } from "../../Settings";
 import { ChannelPermissionsEditor } from "../../channel/permissions/ChannelPermissionsEditor";
 
@@ -30,6 +34,7 @@ export function ServerRoleEditor(props: { context: Server; roleId: string }) {
   const client = useClient();
   const { openModal } = useModals();
   const { navigate } = useSettingsNavigation();
+  const instance = useInstance();
 
   const role = createMemo(
     () =>
@@ -63,7 +68,7 @@ export function ServerRoleEditor(props: { context: Server; roleId: string }) {
         changes.icon = await client().uploadFile(
           "icons",
           editGroup.controls.icon.value[0],
-          CONFIGURATION.DEFAULT_MEDIA_URL,
+          instance.mediaUrl,
         );
       }
     }