fix tiptap issues, update dependencies, fix typescript issues with minio client

libs/ui/src/components/rich-input.tsx

@@ -2,8 +2,8 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import {
   ArrowClockwise,
   ArrowCounterClockwise,
-  Code,
-  CodeBlock,
+  Code as CodeIcon,
+  CodeBlock as CodeBlockIcon,
   HighlighterCircle,
   Image as ImageIcon,
   KeyReturn,
@@ -11,7 +11,7 @@ import {
   ListBullets,
   ListNumbers,
   Minus,
-  Paragraph,
+  Paragraph as ParagraphIcon,
   TextAlignCenter,
   TextAlignJustify,
   TextAlignLeft,
@@ -28,13 +28,27 @@ import {
 } from "@phosphor-icons/react";
 import { PopoverTrigger } from "@radix-ui/react-popover";
 import { cn } from "@reactive-resume/utils";
+import { Bold } from "@tiptap/extension-bold";
+import { BulletList } from "@tiptap/extension-bullet-list";
+import { Code } from "@tiptap/extension-code";
+import { CodeBlock } from "@tiptap/extension-code-block";
+import { Document } from "@tiptap/extension-document";
+import { HardBreak } from "@tiptap/extension-hard-break";
+import { Heading } from "@tiptap/extension-heading";
 import { Highlight } from "@tiptap/extension-highlight";
+import { History } from "@tiptap/extension-history";
+import { HorizontalRule } from "@tiptap/extension-horizontal-rule";
 import { Image } from "@tiptap/extension-image";
+import { Italic } from "@tiptap/extension-italic";
 import { Link } from "@tiptap/extension-link";
+import { ListItem } from "@tiptap/extension-list-item";
+import { OrderedList } from "@tiptap/extension-ordered-list";
+import { Paragraph } from "@tiptap/extension-paragraph";
+import { Strike } from "@tiptap/extension-strike";
+import { Text } from "@tiptap/extension-text";
 import { TextAlign } from "@tiptap/extension-text-align";
 import { Underline } from "@tiptap/extension-underline";
 import { Editor, EditorContent, EditorContentProps, useEditor } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
 import { forwardRef, useCallback } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
@@ -204,7 +218,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           disabled={!editor.can().chain().focus().toggleCode().run()}
           onPressedChange={() => editor.chain().focus().toggleCode().run()}
         >
-          <Code />
+          <CodeIcon />
         </Toggle>
       </Tooltip>
 
@@ -215,7 +229,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           disabled={!editor.can().chain().focus().toggleCodeBlock().run()}
           onPressedChange={() => editor.chain().focus().toggleCodeBlock().run()}
         >
-          <CodeBlock />
+          <CodeBlockIcon />
         </Toggle>
       </Tooltip>
 
@@ -258,7 +272,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           pressed={editor.isActive("paragraph")}
           onPressedChange={() => editor.chain().focus().setParagraph().run()}
         >
-          <Paragraph />
+          <ParagraphIcon />
         </Toggle>
       </Tooltip>
 
@@ -436,7 +450,21 @@ export const RichInput = forwardRef<Editor, RichInputProps>(
   ) => {
     const editor = useEditor({
       extensions: [
-        StarterKit,
+        Document,
+        Text,
+        Bold,
+        Strike,
+        Italic,
+        Code,
+        CodeBlock,
+        Heading,
+        Paragraph,
+        ListItem,
+        BulletList,
+        OrderedList,
+        HardBreak,
+        History,
+        HorizontalRule,
         Image,
         Underline,
         Highlight,