refactor: config with scss to tailwind (#42)

* fix: update deps and devDeps
* refactor(prettier): remove unwritten file names from formatter
* styles: remove stylelint & scss
* refactor: replace scss styles to tailwind
* feat: implement tailwind config
* refactor: update eslint config
* refactor(locales): replace autho's github url with repo itself
* refactor: change author's name license
* refactor(code): update code settings
* refactor: improve file components generators
* fix(code): add sharable config
* fix(linter): resolve bad parserConfig and linting itself
* refactor: bad imports
* refactor: update workflow with its scripts

pages/_app.tsx

@@ -1,9 +1,11 @@
-import { useEffect } from 'react'
+import '../styles/main.css'
+import '@fontsource/open-sans'
+import '@fontsource/open-sans/600.css'
+
+import Cookies from 'js-cookie'
 import type { AppProps } from 'next/app'
 import useTranslation from 'next-translate/useTranslation'
-import Cookies from 'js-cookie'
-
-import '../styles/main.scss'
+import { useEffect } from 'react'
 
 const MyApp = ({ Component, pageProps }: AppProps): JSX.Element => {
   const { lang } = useTranslation()

pages/index.tsx

@@ -1,27 +1,27 @@
+import NextHead from 'components/NextHead'
 import type { NextPage } from 'next'
-import { FiGithub } from 'react-icons/fi'
 import Link from 'next/link'
 import useTranslation from 'next-translate/useTranslation'
-
-import NextHead from 'components/NextHead'
-
-import styles from '../styles/pages/home.module.scss'
+import { FiGithub } from 'react-icons/fi'
 
 const Home: NextPage = () => {
   const { t } = useTranslation()
 
   return (
-    <main className={styles.application}>
+    <main className='flex min-h-screen max-w-full flex-col items-center justify-center bg-gradient-to-br from-primary to-secondary'>
       <NextHead />
 
-      <p className={styles.title}>
+      <p className='px-3 text-center text-4xl italic text-white'>
         {t('home:title')} <br />
-        <span className={styles.subtitle}>{t('home:subtitle')}</span>
+        <span className='px-3 text-center text-lg italic text-white opacity-90'>
+          {t('home:subtitle')}
+        </span>
       </p>
-      <Link href='https://github.com/Walidoux'>
-        <a className={styles['redirect-link']} target='_blank'>
+
+      <Link href='https://github.com/Walidoux/next-app-boilerplate'>
+        <a className='mt-7 flex cursor-pointer items-center justify-center rounded-xl border-none bg-white bg-none py-[10px] px-6 font-semibold text-black no-underline outline-none transition duration-300 hover:bg-black hover:text-white'>
           <FiGithub fontSize={20} />
-          <span className={styles.text}>{t('common:walidoux-github')}</span>
+          <span className='ml-3'>{t('common:walidoux-github')}</span>
         </a>
       </Link>
     </main>