feat: added prettier (#350)

* add new favicon & hosting resources

* Added Prettier

* Prettier fixes

* changed eslint rules

* modified eslintrc.json file

.eslintrc.json

@@ -1,3 +1,12 @@
 {
-  "extends": "next/core-web-vitals"
+  "plugins": ["@typescript-eslint"],
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended",
+    "prettier"
+  ],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "warn",
+    "@typescript-eslint/ban-types": "warn"
+  }
 }

.prettierrc.json

@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false
+}

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}

components/Footer/Footer.tsx

@@ -1,9 +1,9 @@
 import Link from "next/link";
 import type { FC } from "react";
 
-interface FooterProps {}
 
-export const Footer: FC<FooterProps> = ({}) => {
+
+export const Footer: FC = () => {
   return (
     <footer className="z-10 mb-4 flex w-full items-baseline justify-center rounded-lg bg-[#ffffff0a] py-2 backdrop-blur-md sm:py-3">
       <p className="md:text-lg text-center text-black dark:text-gray-100">

components/Footer/index.ts

@@ -1 +1 @@
-import { Footer } from "./Footer";
+import { Footer } from './Footer'

components/Loader/Preloader.tsx

@@ -1,5 +1,4 @@
 import useLoader from "hooks/useLoader";
-import { ReactNode } from "react";
 import { Spinner } from "./Spinner";
 
 export const Preloader = ({

components/TopBar/index.ts

@@ -1 +1 @@
-import { TopBar } from './TopBar';
+import { TopBar } from './TopBar'

package.json

@@ -19,10 +19,12 @@
     "daisyui": "^2.46.1",
     "eslint": "8.31.0",
     "eslint-config-next": "13.1.1",
+    "eslint-config-prettier": "^8.6.0",
     "git": "^0.1.5",
     "next": "13.1.1",
     "next-themes": "^0.2.1",
     "npm-run-all": "^4.1.5",
+    "prettier": "^2.8.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.7.1",
@@ -33,6 +35,7 @@
     "typewriter-effect": "^2.19.0"
   },
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.53.0",
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.20",
     "tailwindcss": "^3.2.4"

pages/[subcategory]/index.tsx

@@ -6,7 +6,7 @@ import Head from "next/head";
 
 const SubCategory = () => {
   const router = useRouter();
-  const title: string = `LinksHub - ${router.asPath
+  const title = `LinksHub - ${router.asPath
     .charAt(1)
     .toUpperCase()}${router.asPath.slice(2)}`;
   return (

pages/index.tsx

@@ -5,7 +5,7 @@ import TypewriterComponent from "typewriter-effect";
 import { sidebarData } from "../database/data";
 export default function Home() {
   //storing sub categories names for using in typewriter effect
-  let subCategoriesNames:string[] = [];
+  const subCategoriesNames:string[] = [];
   sidebarData.forEach((c) => {
       c.subcategory.forEach((a) =>{
         subCategoriesNames.push(a.name.toUpperCase());