Color consistency & css styling

[moinak878]

this is for improving the code quality and readability (long term goal)

• go through the code to decide which CSS styling to follow ( Example : tailwind classes, styled components , makeStyles , div style={{}} , emotion sx={} , etc. )
• modify all components to make it consistent in styling
• Make the shades on all pages consistent.
• add colors in tailwind config and use in components (if tailwind is to be used , or use ChakraUI themeProvider)

p.s - immediate attention not needed.