[ FEATURE ]: Use styled-components over less.js

[ashutosh-rath02]

Keeping in mind with our tech stacks and current trend styled-components should be used in place of less.js

1. Seamless Integration with ReactJS and Next.js: Styled Components integrate smoothly with ReactJS and Next.js, enhancing the development experience.
2. Strong TypeScript Support: Styled Components provide excellent TypeScript support, ensuring type safety and improved code quality.
3. Improved Maintainability: Styles defined alongside components improve code organization and maintainability.
4. Dynamic Styling and Theming: Easily adapt styles based on component props or application state, with built-in theming support.
5. Efficient Server-Side Rendering (SSR): Styled Components work seamlessly with Next.js, ensuring correct styles during SSR.
6. Simplified Build Process: No additional build step or preprocessor required, reducing complexity and configuration overhead.
7. Override CSS: Styled-components can be used to easily over-ride pre-defined CSS.