Add full width to code snippet on mobile screens

Author: TorstenDittmann

src/lib/components/MultiCodeContextless.svelte

@@ -55,7 +55,7 @@
 </script>
 
 <section
-    class="dark web-code-snippet mx-auto lg:!max-w-[90vw]"
+    class="dark web-code-snippet mx-auto w-full lg:!max-w-[90vw]"
     aria-label="code-snippet panel"
     style:width={width ? width / 16 + 'rem' : 'inherit'}
     style:height={height ? height / 16 + 'rem' : 'inherit'}

src/lib/components/shared/dialog.svelte

@@ -2,7 +2,6 @@
     import { fade, scale } from 'svelte/transition';
     import { createDialog, melt } from '@melt-ui/svelte';
     import type { Snippet } from 'svelte';
-    import { browser } from '$app/environment';
 
     type Props = {
         url: string;
@@ -12,7 +11,7 @@
     };
 
     const {
-        elements: { portalled, trigger, content, overlay },
+        elements: { trigger, content, overlay },
         states: { open }
     } = createDialog({
         forceVisible: true,