feat: update heroicons to version 24 and refactor button variants for consistency

app/components/text-editor/editor-menubar.tsx

@@ -21,7 +21,7 @@ import {
   StrikethroughIcon,
   SwatchIcon,
   XCircleIcon,
-} from '@heroicons/react/20/solid'
+} from '@heroicons/react/24/solid'
 import {
   Bars3BottomCenterIcon,
   QuotationMarkIcon,

app/components/text-editor/editor-textarea.tsx

@@ -1,4 +1,4 @@
-import { CodeBracketSquareIcon } from '@heroicons/react/20/solid'
+import { CodeBracketSquareIcon } from '@heroicons/react/24/solid'
 import MonacoEditor from '@monaco-editor/react'
 import type { Dispatch, SetStateAction } from 'react'
 import { Controller } from 'react-hook-form'