styles: refactor codebase base style

src/app/(modules)/package/components/PackageDialog.tsx

@@ -70,13 +70,13 @@ export function PackageDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-2xl" onOpenAutoFocus={(event) => event.preventDefault()}>
         <DialogHeader className="gap-2">
-          <DialogTitle className="flex items-center gap-3 text-xl">
+          <DialogTitle className="flex items-center gap-3">
             <div className="rounded-lg bg-primary p-2 text-primary-foreground shadow-sm">
               <PackageIcon className="size-5" />
             </div>
             {packageId ? 'Edit Package Details' : 'Create New Package'}
           </DialogTitle>
-          <DialogDescription className="text-sm">
+          <DialogDescription>
             {packageId
               ? 'Update the technical specifications for your road infrastructure package.'
               : 'Select a project and provide the essential data to establish a new package.'}
@@ -89,7 +89,7 @@ export function PackageDialog({
               <Select value={projectId} onValueChange={onProjectChange}>
                 <SelectTrigger aria-invalid={!!projectErrorMessage}>
                   {isProjectsLoading ? (
-                    <span className="flex items-center gap-2 text-sm text-muted-foreground">
+                    <span className="flex items-center gap-2 text-muted-foreground">
                       <Loader2 className="size-4 animate-spin" />
                       Loading...
                     </span>