fix: shortcut ui, Issue title resizing, comment resizing, kanban scroll fixes (#206)

* fix: help shortcut ui fix

* fix: issue title resizing ui fix

* fix: issue comment resizing ui fix

* feat: circular progress bar added

* feat: module card delete added

* fix: kanban view scroll fix

* chore: shortcut command updated

* fix: shortcut ui fix

---------

Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>

apps/app/components/project/cycles/board-view/index.tsx

@@ -126,7 +126,7 @@ const CyclesBoardView: React.FC<Props> = ({
   return (
     <>
       {groupedByIssues ? (
-        <div className="h-screen w-full">
+        <div className="h-[calc(100vh-157px)] lg:h-[calc(100vh-115px)] w-full">
           <DragDropContext onDragEnd={handleOnDragEnd}>
             <div className="h-full w-full overflow-hidden">
               <div className="h-full w-full">

apps/app/components/project/cycles/cycle-detail-sidebar/index.tsx

@@ -14,6 +14,9 @@ import cyclesService from "services/cycles.service";
 import useToast from "hooks/use-toast";
 // ui
 import { Loader } from "components/ui";
+//progress-bar
+import { CircularProgressbar } from "react-circular-progressbar";
+import "react-circular-progressbar/dist/styles.css";
 // helpers
 import { copyTextToClipboard } from "helpers/string.helper";
 import { groupBy } from "helpers/array.helper";
@@ -135,7 +138,13 @@ const CycleDetailSidebar: React.FC<Props> = ({ cycle, isOpen, cycleIssues }) =>
                 </div>
                 <div className="flex items-center gap-2 sm:basis-1/2">
                   <div className="grid flex-shrink-0 place-items-center">
-                    <span className="h-4 w-4 rounded-full border-2 border-gray-300 border-r-blue-500" />
+                    <span className="h-4 w-4">
+                      <CircularProgressbar
+                        value={groupedIssues.completed.length}
+                        maxValue={cycleIssues?.length}
+                        strokeWidth={10}
+                      />
+                    </span>
                   </div>
                   {groupedIssues.completed.length}/{cycleIssues?.length}
                 </div>

apps/app/components/project/cycles/stats-view/index.tsx

@@ -64,7 +64,7 @@ const CycleStatsView: React.FC<TCycleStatsViewProps> = ({
           )}
           <h3 className="text-gray-500">
             No {type} {type === "current" ? "cycle" : "cycles"} yet. Create with{" "}
-            <pre className="inline rounded bg-gray-100 px-2 py-1">Ctrl/Command + Q</pre>.
+            <pre className="inline rounded bg-gray-100 px-2 py-1">Q</pre>.
           </h3>
         </div>
       )}