refactor: upload section design fix

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

@@ -13,7 +13,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/select';
-import { Loader2, TrendingUp } from 'lucide-react';
+import { Loader2, TrendingUp, ArrowUp, ArrowDown } from 'lucide-react';
 import { PageHeader } from '@/components/page-header';
 import { PoweredBy } from '@/components/powered-by';
 import { sessionService, videoService } from '@/services/api';
@@ -167,13 +167,23 @@ export default function UploadPage() {
                         </span>
                         <span
                           className={cn(
-                            'leading-tight',
+                            'leading-tight flex items-center gap-1.5',
                             item.primary
                               ? 'text-base font-bold'
                               : 'text-sm font-semibold text-muted-foreground',
                           )}
                         >
                           {item.value}
+                          {item.label === 'Chainage' && session.chainageDirection && (
+                            <span className="flex items-center gap-1 px-1 py-0.5 rounded bg-muted text-[10px] font-bold uppercase border ml-1">
+                              {session.chainageDirection === 'UP' ? (
+                                <ArrowUp className="h-2.5 w-2.5" />
+                              ) : (
+                                <ArrowDown className="h-2.5 w-2.5" />
+                              )}
+                              {session.chainageDirection}
+                            </span>
+                          )}
                         </span>
                       </div>
                     ))}