fix(frontend): context menus stay inside a narrow screen

frontend/src/lib/components/ui/ContextMenu.svelte

@@ -63,7 +63,7 @@
     {/snippet}
   </ContextMenu.Trigger>
   <ContextMenu.Portal>
-    <ContextMenu.Content class="bg-menu-content">
+    <ContextMenu.Content class="bg-menu-content" collisionPadding={8}>
       {@render menu()}
     </ContextMenu.Content>
   </ContextMenu.Portal>

frontend/src/lib/styles/global.scss

@@ -164,6 +164,7 @@ html.theme-transition * {
 .bg-menu-content {
   z-index: var(--z-portal-menu);
   min-width: 12rem;
+  max-width: calc(100vw - 1rem);
   padding: 0.375rem;
   border-radius: 0.75rem;
   color: var(--color-text);