styles: refactor codebase base style

src/app/(modules)/roles/components/RoleColumns.tsx

@@ -30,7 +30,7 @@ export function useRoleColumns({
       {
         accessorKey: 'name',
         header: 'Name',
-        cell: ({ row }) => <span className="font-medium">{row.original.name}</span>,
+        cell: ({ row }) => <span>{row.original.name}</span>,
       },
       {
         accessorKey: 'display_name',

src/app/(modules)/roles/components/RoleSheet.tsx

@@ -117,11 +117,11 @@ export function RoleSheet({
               error={errors.permission_ids?.message}
               className="space-y-3"
               labelEnd={
-                <span className="text-xs text-muted-foreground">{permissionIds.length} selected</span>
+                <span className="text-muted-foreground">{permissionIds.length} selected</span>
               }
             >
               {isPermissionsLoading ? (
-                <div className="rounded-md border p-6 text-sm text-muted-foreground">
+                <div className="rounded-md border p-6 text-muted-foreground">
                   Loading permissions...
                 </div>
               ) : (

src/app/(modules)/roles/page.tsx

@@ -4,7 +4,6 @@ import { useCallback, useState } from 'react';
 import { Plus, ShieldCheck } from 'lucide-react';
 
 import { PageHeader } from '@/components/page-header';
-import { PoweredBy } from '@/components/powered-by';
 import { Button } from '@/components/ui/button';
 import { PERMISSIONS } from '@/constants/permissions';
 import { PermissionGuard } from '@/guards';
@@ -136,8 +135,6 @@ export default function RolesPage() {
           onLimitChange={setLimit}
           onSortingChange={setSorting}
         />
-
-        <PoweredBy />
       </main>
 
       <RoleSheet