Update Analog Clock UI

[kitsuyui]

Currently, there is only a minimal UI, so add UI.
However, I don't want to use CSS frameworks such as Tailwind, Bulma, and UI Kit.
I want to keep it within the range of bare functions supported by the browser.
Or, take one of the following options

1. Do not directly depend on parts that depend on CSS frameworks, but keep them as indirect dependencies (optionalDependencies)
2. If you use a CSS framework, separate the parts that depend on the CSS framework into a separate package.

Analog Clock

• Lines
• Faces
• tick / sweep mode
• roman / arabic mode

[codecov-commenter]

Codecov Report

Patch coverage: 96.00% and project coverage change: +18.01 🎉

Comparison is base (c20a945) 64.78% compared to head (c20ca20) 82.80%.

Additional details and impacted files

@@             Coverage Diff             @@
##             main      #59       +/-   ##
===========================================
+ Coverage   64.78%   82.80%   +18.01%     
===========================================
  Files           5        9        +4     
  Lines          71      157       +86     
  Branches        7       11        +4     
===========================================
+ Hits           46      130       +84     
- Misses         19       21        +2     
  Partials        6        6               

Flag	Coverage Δ
unittests	82.80% <96.00%> (+18.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
examples/simple/src/App.tsx	57.89% <ø> (ø)
packages/clock/src/digital.tsx	68.75% <83.33%> (ø)
packages/clock/src/analog.tsx	94.82% <94.64%> (-1.18%)	⬇️
packages/clock/src/faces/arabic/index.ts	100.00% <100.00%> (ø)
packages/clock/src/faces/index.ts	100.00% <100.00%> (ø)
packages/clock/src/faces/roman/index.ts	100.00% <100.00%> (ø)
packages/clock/src/step/index.ts	100.00% <100.00%> (ø)

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.