feat: added floating toolbar on text selection (#386)

style: re-designed create-issue modal

apps/app/components/issues/modal.tsx

@@ -231,7 +231,7 @@ export const CreateUpdateIssueModal: React.FC<IssuesModalProps> = ({
         </Transition.Child>
 
         <div className="fixed inset-0 z-10 overflow-y-auto">
-          <div className="mt-10 flex items-start justify-center p-4 text-center sm:p-0 md:mt-20">
+          <div className="mt-10 flex min-h-full items-start justify-center p-4 text-center sm:p-0 md:mt-20">
             <Transition.Child
               as={React.Fragment}
               enter="ease-out duration-300"

apps/app/components/rich-text-editor/toolbar/float-tool-tip.tsx

@@ -7,14 +7,27 @@ import {
   ToggleOrderedListButton,
   ToggleBulletListButton,
   ToggleCodeButton,
+  ToggleHeadingButton,
 } from "@remirror/react";
 
-import HeadingControls from "./heading-controls";
-
 export const CustomFloatingToolbar: React.FC = () => (
   <div className="z-[99999] flex items-center gap-y-2 divide-x rounded border bg-white p-1 px-0.5 shadow-md">
     <div className="flex items-center gap-x-1 px-2">
-      <HeadingControls />
+      <ToggleHeadingButton
+        attrs={{
+          level: 1,
+        }}
+      />
+      <ToggleHeadingButton
+        attrs={{
+          level: 2,
+        }}
+      />
+      <ToggleHeadingButton
+        attrs={{
+          level: 3,
+        }}
+      />
     </div>
     <div className="flex items-center gap-x-1 px-2">
       <ToggleBoldButton />