discord link

web/components/custom/sidebar/partial/profile-section.tsx

@@ -1,4 +1,5 @@
 import { LaIcon } from "@/components/custom/la-icon"
+import { DiscordIcon } from "../../discordIcon"
 import { useState } from "react"
 import { SignInButton, useAuth, useUser } from "@clerk/nextjs"
 import {
@@ -97,6 +98,16 @@ export const ProfileSection: React.FC = () => {
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
 
+							<DropdownMenuItem asChild>
+								<Link className="cursor-pointer" href="https://discord.com/invite/bxtD8x6aNF">
+									<div className="relative -ml-1 flex flex-1 items-center gap-2">
+										<DiscordIcon />
+										<span className="line-clamp-1 flex-1">Discord</span>
+									</div>
+								</Link>
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+
 							<DropdownMenuItem onClick={() => signOut()}>
 								<div className="relative flex flex-1 cursor-pointer items-center gap-2">
 									<LaIcon name="LogOut" />