feat: add user and role view sheets with detailed information display

- Created UserViewSheet component to display user details including username, full name, role, status, and timestamps.
- Created RoleViewSheet component to display role details including name, level, status, creation date, and associated permissions.
- Introduced permissions configuration in a new permissions.ts file, defining categories and permission codes for better management.
- Implemented middleware for authentication, ensuring access control for protected routes.

distribution_fe/hooks/use-permission.ts

@@ -4,17 +4,15 @@ import { useAuth } from '@/contexts/auth-context'
 
 export function usePermission(permission: string): boolean {
   const { permissions } = useAuth()
-  return permissions.includes('*') || permissions.includes(permission)
+  return permissions.has(permission)
 }
 
 export function usePermissions(codes: string[]): boolean[] {
   const { permissions } = useAuth()
-  const isAdmin = permissions.includes('*')
-  return codes.map((code) => isAdmin || permissions.includes(code))
+  return codes.map((code) => permissions.has(code))
 }
 
 export function useHasAnyPermission(codes: string[]): boolean {
   const { permissions } = useAuth()
-  if (permissions.includes('*')) return true
-  return codes.some((code) => permissions.includes(code))
+  return codes.some((code) => permissions.has(code))
 }