fix: still work w/ no metadata

apps/www/src/app/(sl-modification-frame)/servers/embedded/sl-modification-frame/category/[category]/modification/custom/[custom-mod]/page.tsx

@@ -134,7 +134,7 @@ export default function ModificationPage({
 							modificationArray[modIndex] = newModObj;
 							await user?.update({
 								unsafeMetadata: {
-									...user.unsafeMetadata,
+									...(user.unsafeMetadata ?? {}),
 									activatedModifications: modificationArray,
 								},
 							});
@@ -165,7 +165,7 @@ export default function ModificationPage({
 									array.splice(modIndex, 1);
 									await user?.update({
 										unsafeMetadata: {
-											...user.unsafeMetadata,
+											...(user.unsafeMetadata ?? {}),
 											activatedModifications: array,
 										},
 									});

apps/www/src/app/(sl-modification-frame)/servers/embedded/sl-modification-frame/file/[filename]/page.tsx

@@ -164,7 +164,7 @@ export default function CustomFilePage({
 
 		await user?.update({
 			unsafeMetadata: {
-				...user.unsafeMetadata,
+				...(user.unsafeMetadata ?? {}),
 				customFiles: metadata,
 			},
 		});

apps/www/src/app/(sl-modification-frame)/servers/embedded/sl-modification-frame/files/page.tsx

@@ -119,7 +119,7 @@ export default function ServerListModificationFrame() {
 											files.splice(i, 1);
 											await user?.update({
 												unsafeMetadata: {
-													...user.unsafeMetadata,
+													...(user.unsafeMetadata ?? {}),
 													customFiles: files,
 												},
 											});

apps/www/src/components/feat/server-list/modification/custom-files/custom-test-success.tsx

@@ -133,7 +133,7 @@ export function CustomTestSuccess({
 
 						await user?.update({
 							unsafeMetadata: {
-								...user.unsafeMetadata,
+								...(user.unsafeMetadata ?? {}),
 								activatedModifications: array,
 							},
 						});

apps/www/src/components/feat/server-list/modification/modification-action.tsx

@@ -83,7 +83,7 @@ export function ModificationAction({ value }: { value?: Action }) {
 								if (existing === -1)
 									await user.update({
 										unsafeMetadata: {
-											...user.unsafeMetadata,
+											...(user.unsafeMetadata ?? {}),
 											filters: [
 												{
 													type: filter.getSpecificFilterId(),
@@ -97,7 +97,7 @@ export function ModificationAction({ value }: { value?: Action }) {
 									existingArray.splice(existing, 1);
 									await user.update({
 										unsafeMetadata: {
-											...user.unsafeMetadata,
+											...(user.unsafeMetadata ?? {}),
 											filters: existingArray,
 										},
 									});

apps/www/src/components/feat/server-list/modification/modification-file-creation-dialog.tsx

@@ -111,7 +111,7 @@ export function ModificationFileCreationDialog({
               if (!isSignedIn) return toast.error("Please login.");
               await user?.update({
                 unsafeMetadata: {
-                  ...user.unsafeMetadata,
+                  ...(user.unsafeMetadata ?? {}),
                   customFiles: [
                     ...((user.unsafeMetadata
                       .customFiles as Array<ClerkCustomModification>) ?? []),

apps/www/src/components/feat/server-page/embeds/embed-creator.tsx

@@ -45,7 +45,6 @@ import { useEmbedGenerator } from "@/lib/hooks/use-embed-generator";
 import { cn } from "@/lib/utils";
 import { EllipsisVertical } from "lucide-react";
 import { useEffect, useState } from "react";
-import { ShikiRenderer } from "./embed-shiki-renderer";
 import { codeToHtml } from "shiki";
 import { useTheme } from "@/lib/hooks/use-theme";
 import useClipboard from "@/lib/useClipboard";

apps/www/src/components/feat/server-page/server-editor/server-editor-provider.tsx

@@ -8,34 +8,58 @@ import { Material } from "@/components/ui/material";
 import { Placeholder } from "@/components/ui/placeholder";
 import { X } from "lucide-react";
 
-export function ServerEditorProvider({ children, serverData }: { children: ReactNode | ReactNode[], serverData: ReturnType<typeof useMHSFServer> }) {
+export function ServerEditorProvider({
-    const [open, setOpen] = useState(false);
+	children,
+	serverData,
+}: {
+	children: ReactNode | ReactNode[];
+	serverData: ReturnType<typeof useMHSFServer>;
+}) {
+	const [open, setOpen] = useState(false);
 
-    useEffect(() => {
+	useEffect(() => {
-        window.addEventListener("open-server-editor", () => setOpen(true));
+		window.addEventListener("open-server-editor", () => setOpen(true));
-    }, [])
+	}, []);
 
-    return <>
+	return (
-        {children}
+		<>
-        <MilkdownProvider>
+			{children}
-            <Drawer open={open} onOpenChange={setOpen}>
+			<MilkdownProvider>
-                <DrawerContent className="p-4 ">
+				<Drawer open={open} onOpenChange={setOpen}>
-                    {serverData.server?.customizationData.isOwnedByUser ? <div className="h-full overflow-y-scroll">
+					<DrawerContent className="p-4 ">
-
+						{serverData.server?.customizationData.isOwnedByUser ? (
-<DrawerTitle className="scroll-m-20 text-2xl font-extrabold tracking-tight lg:text-4xl mb-3">
+							<div className="h-full overflow-y-scroll">
-    Server Settings
+								<DrawerTitle className="scroll-m-20 text-2xl font-extrabold tracking-tight lg:text-4xl mb-3">
-</DrawerTitle>
+									Server Settings
-<Material className="grid gap-1 max-h-[700px]">
+								</DrawerTitle>
-    <strong>Server Description</strong>
+								<Material className="grid gap-1 max-h-[700px]">
-    <p className="mb-3">A markdown enabled, fancy description for your server! Describe what players will expect from your server and why they should join; don't worry, you have more space than MOTD's.</p>
+									<strong>Server Description</strong>
-    {!serverData.loading && <ServerEditorDescription defaultMarkdown={serverData.server?.customizationData.description ?? ""} />}
+									<p className="mb-3">
-</Material>
+										A markdown enabled, fancy description for your server!
-</div> : <Placeholder icon={<X />} className="h-full justify-center flex items-center" title="You don't own this server" description="Unfortunately, that one ain't gonna work. Atleast not on my watch."/>}
+										Describe what players will expect from your server and why
-                    
+										they should join; don't worry, you have more space than
-
+										MOTD's.
-
+									</p>
-                </DrawerContent>
+									{!serverData.loading && (
-            </Drawer>
+										<ServerEditorDescription
-        </MilkdownProvider>
+											defaultMarkdown={
-    </>
+												serverData.server?.customizationData.description ?? ""
-}
+											}
+										/>
+									)}
+								</Material>
+							</div>
+						) : (
+							<Placeholder
+								icon={<X />}
+								className="h-full justify-center flex items-center"
+								title="You don't own this server"
+								description="Unfortunately, that one ain't gonna work. Atleast not on my watch."
+							/>
+						)}
+					</DrawerContent>
+				</Drawer>
+			</MilkdownProvider>
+		</>
+	);
+}