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/app/(dashboard)/pricing/price-lists/new/page.tsx

@@ -39,7 +39,11 @@ export default function NewPriceListPage() {
   })
 
   useEffect(() => {
-    regionsApi.list({ pageSize: 100 }).then((res) => setRegionsList(getPaginatedItems(res))).catch(() => {})
+    regionsApi.list({ pageSize: 100 })
+      .then((res) => setRegionsList(getPaginatedItems(res)))
+      .catch(() => {
+        toast.add({ title: 'Failed to load regions', type: 'error' })
+      })
   }, [])
 
   async function onSubmit(values: FormValues) {

distribution_fe/app/(dashboard)/pricing/schemes/_components/scheme-sheet.tsx

@@ -86,7 +86,11 @@ export function SchemeSheet({ open, onClose, scheme, onSuccess }: SchemeSheetPro
 
   useEffect(() => {
     if (open) {
-      regionsApi.list({ pageSize: 100 }).then((res) => setRegionsList(getPaginatedItems(res))).catch(() => {})
+      regionsApi.list({ pageSize: 100 })
+        .then((res) => setRegionsList(getPaginatedItems(res)))
+        .catch(() => {
+          toast.add({ title: 'Failed to load regions', type: 'error' })
+        })
     }
   }, [open])