Nested Groups Fixes

src/lib/pages/home.ts

@@ -15,19 +15,23 @@ export const lines: TerminalLine[] = [
     { type: 'blank', content: '' },	
     { type: 'header', content: `HI, I'm ${user.displayname}` },	
     { type: 'image', content: '', image: user.avatar, imageAlt: user.name, imageWidth: 120, inline: true },
-    { type: 'output', content: `(&muted)${user.bio}(&)`, inline: true },
-
-    { type: 'divider', content: 'NAVIGATION' },
     
-    // Interactive navigation buttons
-    ...navigation.map((nav, i) => ({
-        type: 'button' as const,
-        content: nav.name + ` (&text, bold)[${i+1}](&)`,
-        icon: nav.icon === '📁' ? 'mdi:folder' : nav.icon === '🎨' ? 'mdi:palette' : 'mdi:trophy',
-        style: 'primary' as const,
-        href: nav.path,
-        inline: true
-    })),
+    { type: 'group', content: '', inline: true, groupDirection: 'column', children: [
+            { type: 'output', content: `(&text)${user.bio}(&)` },
+            { type: 'group', content: '', groupDirection: 'row', children: [
+                    // Interactive navigation buttons
+                    ...navigation.map((nav, i) => ({
+                        type: 'button' as const,
+                        content: nav.name + ` (&text, bold)[${i+1}](&)`,
+                        icon: nav.icon === '📁' ? 'mdi:folder' : nav.icon === '🎨' ? 'mdi:palette' : 'mdi:trophy',
+                        style: 'primary' as const,
+                        href: nav.path,
+                        inline: true
+                    })),
+                ]
+            }
+        ]
+    },
     
     { type: 'divider', content: 'Website Keybinds' },
     { type: 'output', content: '(&orange)Toggle Light/Dark Mode(&) (&text, bold)(Alt/Option+B)(&)' , inline: true },