chore(chainage): rename chainge to segment

src/components/project-selection-section.tsx

@@ -152,7 +152,7 @@ export function ProjectSelectionSection({
       } catch (err) {
         if (isMounted) {
           console.error('Failed to load chainages:', err);
-          setError('Failed to load chainages for the selected package.');
+          setError('Failed to load segments for the selected package.');
         }
       } finally {
         if (isMounted) {
@@ -308,7 +308,7 @@ export function ProjectSelectionSection({
         {/* Chainage Dropdown */}
         <div className="space-y-2">
           <Label htmlFor="chainage" className="text-sm font-semibold">
-            Chainage
+            Segment
           </Label>
           <Select
             value={selectedChainage?.id || ''}
@@ -323,7 +323,7 @@ export function ProjectSelectionSection({
                 </div>
               ) : (
                 <SelectValue
-                  placeholder={selectedPackage ? 'Select chainage' : 'Select package first'}
+                  placeholder={selectedPackage ? 'Select segment' : 'Select package first'}
                 />
               )}
             </SelectTrigger>
@@ -399,9 +399,9 @@ export function ProjectSelectionSection({
       <CardHeader className="pb-6">
         <div className="flex flex-col gap-6">
           <div>
-            <CardTitle className="text-2xl font-bold">Select Project Chainage</CardTitle>
+            <CardTitle className="text-2xl font-bold">Select Project Segment</CardTitle>
             <CardDescription className="mt-2 text-base">
-              Select Project, Package & Chainage to begin intelligent road analysis.
+              Select Project, Package & Segment to begin intelligent road analysis.
             </CardDescription>
           </div>
 
@@ -409,7 +409,7 @@ export function ProjectSelectionSection({
           <div className="flex items-center justify-center pt-2">
             {[1, 2, 3].map((step, index) => {
               const status = getStepStatus(step);
-              const labels = ['Project', 'Package', 'Chainage'];
+              const labels = ['Project', 'Package', 'Segment'];
               return (
                 <div key={step} className="flex items-center">
                   <div className="flex flex-col items-center">