chore: fix layout indentation and add overflow prevention to table menu

Author: Valley-15

frontend/src/components/tiptap-extensions/WikiBubbleMenu.vue

@@ -132,7 +132,28 @@
       v-if="editor"
       :editor="editor"
       :should-show="shouldShowTableMenu"
-      :tippy-options="{ duration: 100, zIndex: 50, offset: [0, 10] }"
+      :tippy-options="{
+        duration: 100,
+        zIndex: 50,
+        offset: [0, 10],
+        popperOptions: {
+          modifiers: [
+            {
+              name: 'preventOverflow',
+              options: {
+                boundary: 'viewport',
+                padding: 8,
+              },
+            },
+            {
+              name: 'flip',
+              options: {
+                fallbackPlacements: ['top', 'bottom'],
+              },
+            },
+          ],
+        },
+      }"
       class="wiki-bubble-menu"
     >
       <div class="bubble-menu-buttons">

wiki/templates/wiki/layout.html

@@ -53,10 +53,10 @@
         <!-- Main content + TOC area -->
         {% block content %}
         <main class="flex-1 min-w-0 px-4 py-6 lg:px-6 lg:py-8 xl:px-12">
-    <div class="w-full">
-        {% block body %}{% endblock %}
-    </div>
-</main>
+            <div class="w-full">
+                {% block body %}{% endblock %}
+            </div>
+        </main>
 
         {% endblock %}
     </div>