feat: sessiont header nav & channel ID

src/routes/chat/ChannelChat/index.tsx

@@ -1,7 +1,7 @@
 import { memo, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useDispatch } from "react-redux";
-import { useLocation, useNavigate } from "react-router-dom";
+import { Link, useLocation, useNavigate } from "react-router-dom";
 import Tippy from "@tippyjs/react";
 
 import { updateChannelVisibleAside } from "@/app/slices/footprint";
@@ -118,8 +118,13 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
         <header className="px-5 py-4 flex items-center justify-center md:justify-between shadow-[inset_0_-1px_0_rgb(0_0_0_/_10%)]">
           <GoBackNav />
           <div className="flex items-center gap-1">
-            <ChannelIcon personal={!is_public} />
-            <span className="text-gray-800 dark:text-white whitespace-nowrap">{name}</span>
+            <Link
+              to={`/setting/channel/${cid}/overview?f=/chat/channel/${cid}`}
+              className="flex items-center gap-1"
+            >
+              <ChannelIcon personal={!is_public} />
+              <span className="text-gray-800 dark:text-white whitespace-nowrap">{name}</span>
+            </Link>
             <span className="ml-2 text-gray-500 hidden md:block">{description}</span>
           </div>
         </header>

src/routes/chat/DMChat/index.tsx

@@ -56,7 +56,7 @@ const DMChat: FC<Props> = ({ uid = 0, dropFiles }) => {
       header={
         <header className="box-border px-5 py-1 flex items-center justify-center md:justify-between shadow-[inset_0_-1px_0_rgb(0_0_0_/_10%)]">
           <GoBackNav />
-          <User interactive={false} uid={currUser.uid} />
+          <User interactive={false} uid={currUser.uid} enableNavToSetting={true} />
         </header>
       }
     />

src/routes/settingChannel/Overview.tsx

@@ -94,6 +94,10 @@ export default function Overview({ id = 0 }) {
     <div className="relative w-[512px] flex flex-col gap-6 h-full">
       <AvatarUploader type="channel" url={channel?.icon} name={name} uploadImage={updateIcon} />
       <div className="flex flex-col gap-6 items-start">
+        <div className={"flex items-center gap-1"}>
+          <Label htmlFor="name">{t("id")}</Label>
+          <span className="text-gray-500">#{id}</span>
+        </div>
         <div className={inputClass}>
           <Label htmlFor="name">{t("name")}</Label>
           <Input