feat: add plugin button and navigation slots for enhanced plugin integration across various components

src/app/pages/client/home/Home.tsx

@@ -57,6 +57,7 @@ import { useRoomsUnread } from '../../../state/hooks/unread';
 import { useMarkRoomsAsRead } from '../../../hooks/useMarkAsRead';
 import { useClosedNavCategoriesAtom } from '../../../state/hooks/closedNavCategories';
 import { stopPropagation } from '../../../utils/keyboard';
+import { PluginNavSlot } from '../../../features/settings/plugins/PluginNavSlot';
 import { useSetting } from '../../../state/hooks/settings';
 import { settingsAtom } from '../../../state/settings';
 import {
@@ -152,7 +153,7 @@ function HomeHeader() {
               Home
             </Text>
           </Box>
-          <Box>
+          <Box alignItems="Center" gap="100">
             <IconButton aria-pressed={!!menuAnchor} variant="Background" onClick={handleOpenMenu}>
               <Icon src={Icons.VerticalDots} size="200" />
             </IconButton>
@@ -409,6 +410,7 @@ export function Home() {
                   </NavItemContent>
                 </NavLink>
               </NavItem>
+              <PluginNavSlot location="channel-list" />
             </NavCategory>
             <NavCategory>
               <NavCategoryHeader>
@@ -420,6 +422,7 @@ export function Home() {
                   Rooms
                 </RoomNavCategoryButton>
               </NavCategoryHeader>
+              <PluginNavSlot location="home-section" />
               <div
                 style={{
                   position: 'relative',