style : Less H for page progress and vistor less width

components/page-progress.tsx

@@ -79,7 +79,7 @@ function PageProgressContent() {
       const finishTimeout = setTimeout(() => setProgress(100), 0)
       const timeout = setTimeout(() => {
         setIsVisible(false)
-        setTimeout(() => setProgress(0), 300) // Reset after hiding
+        setTimeout(() => setProgress(0), 900) // Reset after hiding
         navigationUrlRef.current = null
       }, 400)
       return () => {
@@ -97,7 +97,7 @@ function PageProgressContent() {
       className="fixed top-0 left-0 w-full z-50 pointer-events-none transition-opacity duration-300"
       style={{ opacity: isVisible ? 1 : 0 }}
     >
-      <Progress value={progress} className="h-0.75 w-full rounded-none bg-transparent" />
+      <Progress value={progress} className="h-0.5 w-full rounded-none bg-transparent" />
     </div>
   )
 }

components/public/visitor-presence.tsx

@@ -11,19 +11,19 @@ export function VisitorPresence({ guideId }: { guideId?: string }) {
     <div className="flex items-center gap-1" aria-live="polite">
       <Badge
         variant="secondary"
-        className="min-w-24 tabular-nums"
+        className=" tabular-nums"
         title="ผู้เข้าชมทั้งหมดที่กำลังออนไลน์"
       >
         <UsersIcon data-icon="inline-start" />
-        ทั้งหมด {counts?.global ?? "–"}
+        ทั้งหมด {counts?.global ?? "-"}
       </Badge>
       {guideId ? (
         <Badge
           variant="outline"
-          className="min-w-24 tabular-nums"
+          className=" tabular-nums"
           title="ผู้เข้าชม Guide นี้ที่กำลังออนไลน์"
         >
-          Guide นี้ {counts?.guide ?? "–"}
+          Guide นี้ {counts?.guide ?? "-"}
         </Badge>
       ) : null}
     </div>