Integration of existing CSS files with styled components

[HidemichiShimura]

Goal

• No CSS files exist in the project after this integration
• All the existing CSS files, *.module.css and globals.css, get integrated with styled-components

Deadline / Task size

• none

Steps

• Create styled components of *.module.css and globals.css
• Embed them in appropriate components or appropriate places

Uncertainty

• How can I apply global styles with styled-components in Next.js?

  • Use createGlobalStyle for global styles
  • Embed the GlobalStyle component in _app.js

  Referrence: API Reference, Custom App

Additional memo

• none

[HidemichiShimura]

Integration for globals and Header, HeaderLogo, NavMenu was addressed at #54