fix: chat navigation (#110)

* fix: icon size

* fix: chat navigation

apps/masterbots.ai/app/c/[chatbot]/page.tsx

@@ -75,11 +75,11 @@ export default async function BotThreadsPage({
 
   return (
     <>
-      <ThreadPanel
+      {/* <ThreadPanel
         chatbot={chatbot.name}
         search={searchParams}
         threads={threads}
-      />{' '}
+      />{' '} */}
       <ChatChatbot chatbot={chatbot} initialMessages={initialMessages} />
     </>
   )

apps/masterbots.ai/app/c/layout.tsx

@@ -10,7 +10,7 @@ export default async function ChatLayout({ children }: ChatLayoutProps) {
   return (
     <main className="relative flex flex-col h-[calc(100vh_-_theme(spacing.16))] overflow-hidden">
       <ResponsiveSidebar />
-      {/* <ChatLayoutSection>{children}</ChatLayoutSection> */}
+      <ChatLayoutSection>{children}</ChatLayoutSection>
       <div className="block lg:hidden">
         <FooterCT />
       </div>

apps/masterbots.ai/components/layout/header.tsx

@@ -21,7 +21,7 @@ export async function Header() {
 
   return (
     <header className="sticky top-0 z-50 w-full border-b shrink-0 bg-gradient-to-b from-background/10 via-background/50 to-background/80 backdrop-blur-xl">
-      <div className="container flex items-center justify-between px-4 h-16">
+      <div className="flex items-center justify-between px-4 h-16">
         <div className="flex items-center ">
           <SidebarToggle />
           <HeaderLink href="/" text="Masterbots" />

apps/masterbots.ai/components/routes/c/sidebar/sidebar-link.tsx

@@ -122,7 +122,7 @@ export default function SidebarLink({ category }: { category: Category }) {
             'flex items-center pr-5 py-3 cursor-pointer relative origin-left transition-all ease-in-out duration-300',
             isChatbotOfThisCategory ? 'text-xs opacity-50' : 'grow pl-5'
           )}
-          href="/"
+          href="/c"
           onClick={handleClickCategory}
           shallow
         >
@@ -243,7 +243,7 @@ function ChatbotComponent({
         chatbot?.chatbotId === activeChatbot?.chatbotId &&
           'dark:bg-slate-800 dark-slate-400'
       )}
-      href={`/${chatbot.name.toLowerCase()}`}
+      href={`/c/${chatbot.name.toLowerCase()}`}
       key={chatbot.chatbotId}
       ref={chatbotRef}
     >

apps/masterbots.ai/components/shared/account-avatar.tsx

@@ -11,6 +11,7 @@ export function AccountAvatar({ href, alt, src, size = 32 }: MbAvatarProp) {
       )}
       href={href}
       title={alt}
+      shallow={true}
     >
       {src ? (
         <Image
@@ -21,7 +22,7 @@ export function AccountAvatar({ href, alt, src, size = 32 }: MbAvatarProp) {
           height={size}
         />
       ) : (
-        <IconUser width={32} height={32} />
+        <IconUser width={size} height={size} />
       )}
     </Link>
   )