feat: enhance post management with pagination, search, and order functionality

- Added search input for filtering posts by keywords.
- Implemented pagination controls for navigating through posts.
- Introduced order selector for sorting posts based on various criteria.
- Enhanced post item display with additional metrics (view count, like count, comment count).
- Added dropdown menu for post actions (edit, view, toggle privacy, delete).
- Integrated double confirmation for delete action.
- Updated user profile to support background image upload.
- Improved user security settings with better layout and validation.
- Refactored auth context to use useCallback for logout function.
- Added command palette component for improved command execution.
- Introduced popover component for better UI interactions.
- Implemented debounce hooks for optimized state updates.
- Updated localization files with new keys for improved internationalization.
- Added tailwind configuration for styling.

web/src/components/console/nav-main.tsx

@@ -14,6 +14,7 @@ import { User } from "@/models/user";
 import { useAuth } from "@/contexts/auth-context";
 import { IconType } from "@/types/icon";
 import { useTranslations } from "next-intl";
+import { consolePath } from "@/hooks/use-route";
 
 export function NavMain({
   items,
@@ -34,12 +35,12 @@ export function NavMain({
   return (
     <SidebarGroup>
       <SidebarGroupContent className="flex flex-col gap-2">
-        <SidebarGroupLabel>General</SidebarGroupLabel>
+        <SidebarGroupLabel>{t("general")}</SidebarGroupLabel>
         <SidebarMenu>
           {items.map((item) => (
             item.permission({ user }) && <SidebarMenuItem key={item.title}>
               <Link href={item.url}>
-                <SidebarMenuButton tooltip={item.title} isActive={pathname === item.url}>
+                <SidebarMenuButton tooltip={item.title} isActive={item.url != consolePath.dashboard && pathname.startsWith(item.url) || item.url === pathname}>
                   {item.icon && <item.icon />}
                   <span>{t(item.title)}</span>
                 </SidebarMenuButton>