Create Timezone Converter page

[shabbiryusufali]

This PR finishes the plan from Issue #20

[inssein]

Thanks for sending over the contribution. A few things from my end:

• I will fix the bundle size action not working, currently worked on at https://github.com/mnara-solutions/utiliti.dev/actions/runs/21845921563/job/63041611225
• moment-timezone is a huge library, adding about 800kb to the page. I think you can get a lot of the same functionality by either using Intl.DateTimeFormat, or potentially some features of date-fns, which is already a dependency.
• Typo in PR title
• I think the UI could use some improvements.
  • Do we need a convert button? I think you could do without it, but if you think we need it, have it follow the same style as the rest of the app.
  • Could we use a smart dropdown that allows search? We may have an example already, but at the very least, let's use the component <Dropdown />
  • Might be worth looking at UI's of other timezone converters to see if we can innovate here.

[github-actions]

Bundle Size Report

Bundle	Size	Gzipped	Δ Size	Δ Gzipped
Client (JS)	2527 KB	768 KB	↑ +16 (+0.6%) KB	↑ +6 (+0.8%) KB
Worker (JS)	1922 KB	383 KB	↑ +35 (+1.9%) KB	↑ +8 (+2.1%) KB

Compared to main

Bundle	Main Size	Main Gzipped
Client (JS)	2511 KB	762 KB
Worker (JS)	1887 KB	375 KB

[inssein]

@shabbiryusufali I fixed the bundle size reporter and made it more useful, so it shows you a diff against main. Pull the latest changes before continuing working.

[shabbiryusufali]

Thanks for sending over the contribution. A few things from my end:

• I will fix the bundle size action not working, currently worked on at https://github.com/mnara-solutions/utiliti.dev/actions/runs/21845921563/job/63041611225

• moment-timezone is a huge library, adding about 800kb to the page. I think you can get a lot of the same functionality by either using Intl.DateTimeFormat, or potentially some features of date-fns, which is already a dependency.

• Typo in PR title

• I think the UI could use some improvements.

  • Do we need a convert button? I think you could do without it, but if you think we need it, have it follow the same style as the rest of the app.
  • Could we use a smart dropdown that allows search? We may have an example already, but at the very least, let's use the component <Dropdown />
  • Might be worth looking at UI's of other timezone converters to see if we can innovate here.

Just crossing out completed suggestions/tasks to keep a track of this