feat: update next, tailwindcss, fix component

Author: kpfromer

components/IconButton/index.tsx

@@ -27,7 +27,8 @@ const Button = tw.button<ButtonProps>`
   outline-none
 `;
 
-export interface IconButtonProps extends React.ComponentProps<typeof Button> {
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  as?: string;
   icon?: React.ReactElement;
   overrideClassName?: boolean;
 }

next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

package.json

@@ -21,12 +21,14 @@
     "@tailwindcss/typography": "0.5.2",
     "autoprefixer": "10.3.1",
     "clsx": "1.1.1",
+    "docx": "7",
+    "docx-react": "^1.0.5",
     "framer-motion": "3.10.6",
     "gray-matter": "4.0.3",
     "image-size": "1.0.0",
     "katex": "0.15.1",
     "luxon": "2.1.1",
-    "next": "12.0.4",
+    "next": "12.1.0",
     "next-mdx-remote": "3.0.8",
     "next-seo": "4.26.0",
     "postcss": "8.4.3",