Fix checkin bugs

[Ankarrr]

fix #198

• 改用 localString() format distance data
• 增加 checkin dropdown and button width 已顯示更多資訊

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
habit-builder	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 2, 2024 0:22am
habit-builder-mainnet	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 2, 2024 0:22am

[Ankarrr]

SelfCheckin button 的長度也改一下，不然現在切換的時候兩個 button 形狀會跳來跳去！

你是說這個 button 嗎？你希望怎麼改？

      {challenge.status === UserChallengeStatus.Ongoing && canCheckInNow && (
        <>
          {renderCheckInOptions()}
          {challenge.allowSelfCheckIn && (
            <button
              type="button"
              className="mt-2 font-nunito text-xs text-gray-500 underline"
              onClick={() => setCheckInMethod(checkInMethod === 'strava' ? 'self' : 'strava')}
            >
              {checkInMethod === 'strava'
                ? 'Use manual check-in instead'
                : 'Use Strava check-in instead'}
            </button>
          )}
        </>
      )}

[Ankarrr]

更新 self checkin button width