NTUEEPLUS-311 Replace the CSS-in-JS (`makeStyles` & `useStyles`) with CSS modules

[homuch]

Some files use the makeStyles() function to create custom styles. Move the style definitions into the CSS module (i.e., a .css file imported by .js file), at least for the static ones(styles not related to theme or props). For the styles related to props or theme, you can follow client\src\views\in\profile\search\Styles.js.