feat: Add pages/components for authenticated flow

app/(authenticated)/(app)/channelLink.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import Link from "next/link";
+import { useSelectedLayoutSegments } from "next/navigation";
+import { Hash } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+
+type Props = {
+  href: string;
+  channelName: string | null;
+};
+
+export const ChannelLink: React.FC<Props> = ({ href, channelName }) => {
+  const isActive = channelName === useSelectedLayoutSegments().at(1);
+  return (
+    <Link href={href}>
+      <Button
+        variant={isActive ? "subtle" : "ghost"}
+        size="sm"
+        className="justify-start w-full font-normal"
+      >
+        <Hash className="w-4 h-4 mr-2" />
+        {channelName}
+      </Button>
+    </Link>
+  );
+};