Issue 41 add datepicker component

[IIEnat]

Change Summary

Added three new variants to the input field component:

• "time" which is an input field that only accepts input in this format HH:MM
• "time-select" which is actually just a select field (already implemented) which has been prefilled with values of 30 minute intervals starting at 8am and ending at 5pm
• "date" which utilizes shadcn's calendar and the popover (already implemented) to create a date picker

Additionally, I also fixed a padding issue with the badge component.
Also added a change for the select component where the viewport can show only 5 items at a time.

Changes can be quickly viewed on the /test/input page

Change Form

• The pull request title has an issue number
• The change works by "Smoke testing" or quick testing
• The change has tests
• The change has documentation

Other Information

Fixed a bug of a component that has previously been merged (badge component - issue 12)
Added a feature of a component that has previously been merged (select component - issue 40)

Related issue

• Resolve Add Datepicker component #41