GetStarted & Settings Pages: functional components, css module & custom hooks

[amass01]

This diff was suppose to be a preparation step for #2531, as the settings page is part of the get started pages.
but giving the fact that they are very related and interconnected I couldn't finish SettingsPage dir refactoring without partly refactoring GetStartedPage dir - the css module part was done in this PR(see below detailed list of included changes).
This commit also closes #2503 as I fixed the alignment issues will working on tutorial.module.css.

Changes included:

• SettingsPage class components refactored to be functional.
• Added global hooks useSettings & useService as they are used in multiple places and aren't SettingsPage view specific - connectors are still there as they are still used in other parts of the app.
• As mentioned above Settings.less & GetStarted.less & other *.less files which are related to them were replaced with css module and split into multiple css modules in some cases, here is the full list of migrated *.less files:
  • Settings.less => views/SettingsPage/Settings.module.css, components/indicators/indicators.module.css
  • GetStarted.less => views/GetStartedPage/GetStarted.module.css
  • CreateWalletForm.less => views/GetStartedPage/CreateWalletPage/CreateWallet.module.css, /shared/CreatePassPhrase/CreatePassPhrase.module.css
  • LanguageSelect.less => /views/GetStartedPage/LanguageSelectPage/LanguageSelectPage.module.css, inputs/LanguageSelectInput/LanguageSelectInput.module.css
  • Logs.less => /views/HelpPage/LogsTab/LogsTab.module.css
  • Tutorial.less => /views/GetStartedPage/TutorialPage/Tutorial.module.css - partly done, some parts are used on in other pages.
• Fixed tutorial alignment issues reported in Get started pages text alignment  #2503.

[vctt94]

Thanks for this PR! It looks really good, can't wait to see the getStarted code with functional components! It will look much better.