Basic text formatting updates

src/views/NotepadView.tsx

@@ -12,6 +12,8 @@ import { TaskEditor } from "@/components/TaskEditor";
 import { TaskCard } from "@/components/TaskCard";
 import { NotesSidebar } from "@/components/NotesSidebar";
 import { toast } from "solid-sonner";
+import { TextBubbleMenu } from "@/components/TextBubbleMenu";
+import { TableBubbleMenu } from "@/components/TableBubbleMenu";
 
 export const NotepadView: Component<{
     selectedNoteId: string | null;
@@ -560,6 +562,14 @@ export const NotepadView: Component<{
                                                     </Show>
                                                 </div>
                                             </div>
+                                            <Show when={editorInstance()}>
+                                                {(editor) => (
+                                                    <div class="mt-4 -mx-4 px-4 md:-mx-6 md:px-6 relative border-t border-border/40 pt-1">
+                                                        <TextBubbleMenu editor={editor()} />
+                                                        <TableBubbleMenu editor={editor()} />
+                                                    </div>
+                                                )}
+                                            </Show>
                                         </div>
 
                                         {/* Inside Tabs Section Removed: Sub-tabs are now displayed on the outside as hanging bubbles */}