fix: reduced the border radius of tabs button.

[giri-madhan]

Related Issue

Closes: #74

Describe the changes you've made

• Reduced the border radius of the tabs.
• Code is formatted using Prettier.

Type of change

What sort of change have you made:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Describe how have you verified the changes made

Checklist:

• My code follows the guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added tests that prove my fix is effective or that my feature works.
• Any dependent changes have been merged and published in downstream modules.

Screenshots

Original	Updated

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @Utkarshn10 on Vercel.

@Utkarshn10 first needs to authorize it.

[Utkarshn10]

Hey @giri-madhan, we are using Chakra ui for the UI components and it already has a border radius property. It is preferred that we follow the older convention.

[giri-madhan]

Hey @giri-madhan, we are using Chakra ui for the UI components and it already has a border radius property. It is preferred that we follow the older convention.

Hi @Utkarshn10, I have used borderRadius prop from Chakra UI and useTheme from @emotion package to change the border radius instead of custom CSS. Thank you for checking!

[Utkarshn10]

Thanks @giri-madhan for contributing to Focusly.