style: remirror for comments height, sidebar z-index

apps/app/.env.example

@@ -1,4 +0,0 @@
-NEXT_PUBLIC_API_BASE_URL = "<-- endpoint goes here -->"
-NEXT_PUBLIC_GOOGLE_CLIENTID = "<-- google client id goes here -->"
-NEXT_PUBLIC_GITHUB_ID = "<-- github id goes here -->"
-NEXT_PUBLIC_APP_ENVIRONMENT="<-- production | development -->"

apps/app/components/project/issues/issue-detail/comment/issue-comment-section.tsx

@@ -83,7 +83,7 @@ const AddIssueComment: React.FC<{
   return (
     <div className="space-y-5">
       <form onSubmit={handleSubmit(onSubmit)}>
-        <div className="rounded-md p-2 pt-3">
+        <div className="issue-comments-section rounded-md p-2 pt-3">
           <Controller
             name="comment_html"
             control={control}

apps/app/layouts/navbar/main-sidebar.tsx

@@ -47,7 +47,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
   const { collapsed: sidebarCollapse, toggleCollapsed } = useTheme();
 
   return (
-    <nav className="relative z-40 h-screen">
+    <nav className="relative z-20 h-screen md:z-0">
       <div
         className={`${sidebarCollapse ? "" : "w-auto md:w-60"} fixed inset-y-0 top-0 ${
           toggleSidebar ? "left-0" : "-left-60 md:left-0"

apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx

@@ -86,7 +86,7 @@ const ProjectModules: NextPage = () => {
                 description={
                   <span>
                     Use <pre className="inline rounded bg-gray-100 px-2 py-1">Ctrl/Command + M</pre>{" "}
-                    shortcut to create a new cycle
+                    shortcut to create a new module
                   </span>
                 }
                 Icon={PlusIcon}

apps/app/styles/editor.css

@@ -358,6 +358,10 @@ img.ProseMirror-separator {
   min-height: 150px;
 }
 
+.issue-comments-section .remirror-editor-wrapper .remirror-editor {
+  min-height: 50px;
+}
+
 .remirror-editor-wrapper {
   padding-top: 8px;
 }