fix: sidebar mobile responsive and footer link clickability

app/(main)/community/page.tsx

@@ -4,14 +4,9 @@ import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card"
+import { roleLabels } from "@/lib/constants"
 import { mockPosts } from "@/lib/mock-data"
 
-const roleLabels: Record<string, string> = {
-  consumer: "消费者",
-  player: "打手",
-  owner: "店主",
-}
-
 export default function CommunityPage() {
   return (
     <div className="container mx-auto py-8 px-4 max-w-2xl">

app/(main)/post/[id]/page.tsx

@@ -8,14 +8,9 @@ import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader } from "@/components/ui/card"
 import { Separator } from "@/components/ui/separator"
 import { Textarea } from "@/components/ui/textarea"
+import { roleLabels } from "@/lib/constants"
 import { mockComments, mockOrders, mockPosts } from "@/lib/mock-data"
 
-const roleLabels: Record<string, string> = {
-  consumer: "消费者",
-  player: "打手",
-  owner: "店主",
-}
-
 export default async function PostDetailPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = await params
   const post = mockPosts.find((p) => p.id === id)