styles: refactor codebase base style

src/app/(modules)/project/components/ProjectColumns.tsx

@@ -35,14 +35,14 @@ function StateBadges({ value }: { value: string | null }) {
           <PopoverTrigger asChild>
             <button
               type="button"
-              className="flex items-center justify-center rounded-full border border-border/40 bg-muted/50 px-1.5 py-0.5 text-[10px] font-bold text-muted-foreground transition-colors hover:bg-muted"
+              className="flex items-center justify-center rounded-full border border-border/40 bg-muted/50 px-1.5 py-0.5 text-muted-foreground transition-colors hover:bg-muted"
             >
               +{remainingStates.length}
             </button>
           </PopoverTrigger>
           <PopoverContent className="w-auto p-2" align="start">
             <div className="flex flex-col gap-1.5">
-              <p className="mb-0.5 px-1 text-[10px] font-bold uppercase tracking-wider text-muted-foreground">
+              <p className="mb-0.5 px-1 text-muted-foreground">
                 Other States
               </p>
               {remainingStates.map((state) => (
@@ -64,7 +64,7 @@ export function useProjectColumns() {
       {
         accessorKey: 'name',
         header: 'Project Name',
-        cell: ({ row }) => <div className="font-semibold">{row.original.name}</div>,
+        cell: ({ row }) => <div>{row.original.name}</div>,
       },
       {
         accessorKey: 'state',

src/app/(modules)/project/components/ProjectDialog.tsx

@@ -51,13 +51,13 @@ export function ProjectDialog({
     <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">
               <Layers className="size-5" />
             </div>
             {projectId ? 'Edit Project Details' : 'Create New Project'}
           </DialogTitle>
-          <DialogDescription className="text-sm">
+          <DialogDescription>
             {projectId
               ? 'Update the technical specifications for your road infrastructure project.'
               : 'Provide the essential road data to establish a new analysis project.'}
@@ -97,7 +97,7 @@ export function ProjectDialog({
 
           <div className="grid gap-8 pt-2 md:grid-cols-2">
             <div className="space-y-4">
-              <p className="flex items-center gap-2 text-[11px] font-black tracking-widest text-muted-foreground">
+              <p className="flex items-center gap-2 text-muted-foreground">
                 <MapPin className="size-3.5 opacity-60" />
                 START POINT
               </p>
@@ -108,7 +108,7 @@ export function ProjectDialog({
                     type="number"
                     step="any"
                     placeholder="0.0000"
-                    className="font-mono text-xs"
+                    className="font-mono"
                     aria-invalid={!!startLatErrorMessage}
                     {...register('start_lat')}
                   />
@@ -119,7 +119,7 @@ export function ProjectDialog({
                     type="number"
                     step="any"
                     placeholder="0.0000"
-                    className="font-mono text-xs"
+                    className="font-mono"
                     aria-invalid={!!startLngErrorMessage}
                     {...register('start_lng')}
                   />
@@ -128,7 +128,7 @@ export function ProjectDialog({
             </div>
 
             <div className="space-y-4">
-              <p className="flex items-center gap-2 text-[11px] font-black tracking-widest text-muted-foreground">
+              <p className="flex items-center gap-2 text-muted-foreground">
                 <MapPin className="size-3.5 opacity-60" />
                 END POINT
               </p>
@@ -139,7 +139,7 @@ export function ProjectDialog({
                     type="number"
                     step="any"
                     placeholder="0.0000"
-                    className="font-mono text-xs"
+                    className="font-mono"
                     aria-invalid={!!endLatErrorMessage}
                     {...register('end_lat')}
                   />
@@ -150,7 +150,7 @@ export function ProjectDialog({
                     type="number"
                     step="any"
                     placeholder="0.0000"
-                    className="font-mono text-xs"
+                    className="font-mono"
                     aria-invalid={!!endLngErrorMessage}
                     {...register('end_lng')}
                   />

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

@@ -4,7 +4,6 @@ import { useCallback, useState } from 'react';
 import { Layers, Plus } from 'lucide-react';
 
 import { PageHeader } from '@/components/page-header';
-import { PoweredBy } from '@/components/powered-by';
 import { Button } from '@/components/ui/button';
 import type { Project } from '@/types';
 
@@ -100,8 +99,6 @@ export default function ProjectPage() {
           onEdit={openEdit}
           onDelete={deleteProject}
         />
-
-        <PoweredBy />
       </main>
 
       <ProjectDialog