chore: format all files in monorepo (#3054)

* chore: format all files in the project

* fix: removing @types/react from dependencies

* fix: adding prettier and eslint config

* chore: format files

* fix: upgrading turbo version

* chore: ignoring warnings and adding todos

* fix: updated the type of bubble menu item in the document editor

* chore: format files

---------

Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>

packages/ui/src/progress/circular-progress-indicator.tsx

@@ -1,4 +1,4 @@
-import React, { Children } from "react";
+import React from "react";
 
 interface ICircularProgressIndicator {
   size: number;
@@ -8,9 +8,7 @@ interface ICircularProgressIndicator {
   children?: React.ReactNode;
 }
 
-export const CircularProgressIndicator: React.FC<ICircularProgressIndicator> = (
-  props,
-) => {
+export const CircularProgressIndicator: React.FC<ICircularProgressIndicator> = (props) => {
   const { size = 40, percentage = 25, strokeWidth = 6, children } = props;
 
   const sqSize = size;
@@ -41,17 +39,8 @@ export const CircularProgressIndicator: React.FC<ICircularProgressIndicator> = (
           >
             <feFlood flood-opacity="0" result="BackgroundImageFix" />
             <feGaussianBlur in="BackgroundImageFix" stdDeviation="2" />
-            <feComposite
-              in2="SourceAlpha"
-              operator="in"
-              result="effect1_backgroundBlur_377_19141"
-            />
-            <feBlend
-              mode="normal"
-              in="SourceGraphic"
-              in2="effect1_backgroundBlur_377_19141"
-              result="shape"
-            />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_377_19141" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_377_19141" result="shape" />
             <feColorMatrix
               in="SourceAlpha"
               type="matrix"
@@ -61,19 +50,12 @@ export const CircularProgressIndicator: React.FC<ICircularProgressIndicator> = (
             <feOffset dx="1" dy="1" />
             <feGaussianBlur stdDeviation="2" />
             <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-            <feColorMatrix
-              type="matrix"
-              values="0 0 0 0 0.63125 0 0 0 0 0.6625 0 0 0 0 0.75 0 0 0 0.35 0"
-            />
-            <feBlend
-              mode="normal"
-              in2="shape"
-              result="effect2_innerShadow_377_19141"
-            />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.63125 0 0 0 0 0.6625 0 0 0 0 0.75 0 0 0 0.35 0" />
+            <feBlend mode="normal" in2="shape" result="effect2_innerShadow_377_19141" />
           </filter>
         </defs>
         <circle
-          className="stroke-custom-primary-100 fill-none "
+          className="fill-none stroke-custom-primary-100 "
           cx={size / 2}
           cy={size / 2}
           r={radius}

packages/ui/src/progress/linear-progress-indicator.tsx

@@ -6,11 +6,9 @@ type Props = {
   noTooltip?: boolean;
 };
 
-export const LinearProgressIndicator: React.FC<Props> = ({
-  data,
-  noTooltip = false,
-}) => {
+export const LinearProgressIndicator: React.FC<Props> = ({ data, noTooltip = false }) => {
   const total = data.reduce((acc: any, cur: any) => acc + cur.value, 0);
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   let progress = 0;
 
   const bars = data.map((item: any) => {
@@ -23,10 +21,7 @@ export const LinearProgressIndicator: React.FC<Props> = ({
     if (noTooltip) return <div style={style} />;
     else
       return (
-        <Tooltip
-          key={item.id}
-          tooltipContent={`${item.name} ${Math.round(item.value)}%`}
-        >
+        <Tooltip key={item.id} tooltipContent={`${item.name} ${Math.round(item.value)}%`}>
           <div style={style} />
         </Tooltip>
       );

packages/ui/src/progress/progress-bar.tsx

@@ -39,14 +39,11 @@ export const ProgressBar: React.FC<Props> = ({
     const DIRECTION = -1;
     // Rotation Calc
     const primaryRotationAngle = (maxValue - 1) * (360 / maxValue);
-    const rotationAngle =
-      -1 * DIRECTION * primaryRotationAngle +
-      i * DIRECTION * primaryRotationAngle;
+    const rotationAngle = -1 * DIRECTION * primaryRotationAngle + i * DIRECTION * primaryRotationAngle;
     const rotationTransformation = `rotate(${rotationAngle}, ${radius}, ${radius})`;
     const pieValue = calculatePieValue(maxValue);
     const dValue = generatePie(pieValue);
-    const fillColor =
-      value > 0 && i <= value ? activeStrokeColor : inactiveStrokeColor;
+    const fillColor = value > 0 && i <= value ? activeStrokeColor : inactiveStrokeColor;
 
     return (
       <path
@@ -60,18 +57,12 @@ export const ProgressBar: React.FC<Props> = ({
   };
 
   // combining the Pies
-  const renderOuterCircle = () =>
-    [...Array(maxValue + 1)].map((e, i) => renderPie(i));
+  const renderOuterCircle = () => [...Array(maxValue + 1)].map((e, i) => renderPie(i));
 
   return (
     <svg width={radius * 2} height={radius * 2}>
       {renderOuterCircle()}
-      <circle
-        r={radius - strokeWidth}
-        cx={radius}
-        cy={radius}
-        className="progress-bar"
-      />
+      <circle r={radius - strokeWidth} cx={radius} cy={radius} className="progress-bar" />
     </svg>
   );
 };

packages/ui/src/progress/radial-progress.tsx

@@ -18,7 +18,7 @@ export const RadialProgressBar: FC<IRadialProgressBar> = (props) => {
 
   return (
     <div className="relative h-4 w-4">
-      <svg className="absolute top-0 left-0" viewBox="0 0 100 100">
+      <svg className="absolute left-0 top-0" viewBox="0 0 100 100">
         <circle
           className={"stroke-current opacity-10"}
           cx="50"