feat: add logo field to settings schema and update settings client to handle file uploads

feat: integrate dialog close context in vendor select field and CRUD dialog components

feat: enhance vendor general info to format status using utility function

feat: implement form dialog context for managing dialog close actions

feat: add async select field dialog close context for better form handling

fix: update form mutation hook to close dialog on successful submission

feat: extend document print types to include expense and credit note

feat: add settings update payload type to include logo and other fields

feat: create employee attendance and work history pages with resource management

feat: implement payment made and received detail pages with actions

feat: add quick shortcuts component for easy navigation in the dashboard

feat: create actions for payment made and received with print and delete options

feat: implement dialog close context for better dialog management

feat: add error parsing utility for improved error handling in API responses

apps/dashboard/modules/employees/employee-combobox.tsx

@@ -6,6 +6,7 @@ import { Loader2 } from "lucide-react"
 import { useAuthApi } from "@/shared/useApi"
 import { EMPLOYEE_ROUTES } from "@garage/api"
 import { Badge } from "@/shared/components/ui/badge"
+import { formatEnum } from "@/shared/utils/formatters"
 import {
     Combobox,
     ComboboxInput,
@@ -149,16 +150,16 @@ export function EmployeeCombobox({
                                                 {opt.type && (
                                                     <Badge
                                                         variant="secondary"
-                                                        className="h-4 px-1.5 text-xs font-normal capitalize"
+                                                        className="h-4 px-1.5 text-xs font-normal"
                                                     >
-                                                        {opt.type}
+                                                        {formatEnum(opt.type)}
                                                     </Badge>
                                                 )}
                                                 {opt.status && (
                                                     <span
-                                                        className={`text-xs capitalize ${opt.status === "active" ? "text-green-600 dark:text-green-400" : "text-muted-foreground"}`}
+                                                        className={`text-xs ${opt.status === "active" ? "text-green-600 dark:text-green-400" : "text-muted-foreground"}`}
                                                     >
-                                                        {opt.status}
+                                                        {formatEnum(opt.status)}
                                                     </span>
                                                 )}
                                             </div>

apps/dashboard/modules/employees/employee-general-info.tsx

@@ -18,6 +18,7 @@ import {
 } from "@/shared/components/ui/card"
 import { Badge } from "@/shared/components/ui/badge"
 import { Separator } from "@/shared/components/ui/separator"
+import { formatEnum } from "@/shared/utils/formatters"
 
 type EmployeeData = {
     id?: number
@@ -86,16 +87,15 @@ export function EmployeeGeneralInfo({ employee }: EmployeeGeneralInfoProps) {
                     <div className="flex flex-wrap items-center gap-2">
                         <Badge variant="secondary">{fullName || "Unknown"}</Badge>
                         {employee.type && (
-                            <Badge variant="outline" className="capitalize">
-                                {employee.type}
+                            <Badge variant="outline">
+                                {formatEnum(employee.type)}
                             </Badge>
                         )}
                         {employee.status && (
                             <Badge
                                 variant={employee.status === "active" ? "default" : "secondary"}
-                                className="capitalize"
                             >
-                                {employee.status}
+                                {formatEnum(employee.status)}
                             </Badge>
                         )}
                     </div>