wip: new chat layout

src/shared/navigation.tsx

@@ -10,6 +10,7 @@ import {
   ArrowLeftIcon,
   ArrowRightIcon,
   ChatsIcon,
+  CommunityIcon,
   ExploreIcon,
   HomeIcon,
   RelayIcon,
@@ -90,6 +91,23 @@ export function Navigation() {
             </span>
             Chats
           </NavLink>
+          <NavLink
+            to="/communities"
+            preventScrollReset={true}
+            className={({ isActive }) =>
+              twMerge(
+                'flex h-10 items-center gap-2.5 rounded-r-lg border-l-2 px-3 font-medium',
+                isActive
+                  ? 'border-fuchsia-500 bg-white/5 text-white'
+                  : 'border-transparent text-white/70'
+              )
+            }
+          >
+            <span className="inline-flex h-7 w-7 shrink-0 items-center justify-center">
+              <CommunityIcon className="h-5 w-5" />
+            </span>
+            Communities
+          </NavLink>
           <NavLink
             to="/relays"
             preventScrollReset={true}