fix: fix conflict eslint warn at unused vars and typescript interface

Author: hoon2hooni

.eslintrc.json

@@ -1,9 +1,12 @@
 {
   "extends": "next/core-web-vitals",
-  "plugins": ["simple-import-sort"],
+  "plugins": ["simple-import-sort", "@typescript-eslint"],
+  "parser": "@typescript-eslint/parser",
+  "root": true,
   "rules": {
     "simple-import-sort/imports": "error",
     "simple-import-sort/exports": "error",
-    "no-unused-vars": "warn"
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "warn"
   }
 }

components/common/ui/Button.tsx

@@ -1,17 +1,14 @@
 import styled from "@emotion/styled";
-import { getIsMobile } from "@lib/handleCrossPlatform";
 import type { ComponentProps, FC } from "react";
 type ButtonProps = {
   color?: "primary" | "secondary";
   size?: "sm" | "md" | "lg";
-  width?: string;
 } & ComponentProps<"button">;
 
 type StyledProps = Partial<ButtonProps>;
 
 const Button: FC<ButtonProps> = ({
   children,
-  width = "10rem",
   color = "primary",
   size = "md",
   ...props

components/common/ui/Retention.tsx

@@ -12,9 +12,7 @@ const Retention = () => {
         <br />
         모임이 더 있으신가요?
       </MarginText>
-      <Button width={"16rem"} onClick={() => router.push("/")}>
-        새로운 모임 만들기
-      </Button>
+      <Button onClick={() => router.push("/")}>새로운 모임 만들기</Button>
       <Wrapper>
         <Thumbnail width={16} height={16} />
         <Text>타임투밋</Text>