build: decouple package deps and introduce yarn workspaces (#7415)

* feat: decouple package deps and introduce yarn workspaces

* update root directory

* fix

* fix scripts

* fix lint

* update path in scripts

* remove yarn.lock files from packages

* ignore workspace

* dummy

* dummy

* remove comment check

* revert workflow changes

* ignore ws when installing gh actions

* remove log

* update path

* fix

* fix typo

src/components/LibraryMenuSection.tsx

@@ -1,77 +0,0 @@
-import React, { memo, ReactNode, useEffect, useState } from "react";
-import { EmptyLibraryUnit, LibraryUnit } from "./LibraryUnit";
-import { LibraryItem } from "../types";
-import { ExcalidrawElement, NonDeleted } from "../element/types";
-import { SvgCache } from "../hooks/useLibraryItemSvg";
-import { useTransition } from "../hooks/useTransition";
-
-type LibraryOrPendingItem = (
-  | LibraryItem
-  | /* pending library item */ {
-      id: null;
-      elements: readonly NonDeleted<ExcalidrawElement>[];
-    }
-)[];
-
-interface Props {
-  items: LibraryOrPendingItem;
-  onClick: (id: LibraryItem["id"] | null) => void;
-  onItemSelectToggle: (id: LibraryItem["id"], event: React.MouseEvent) => void;
-  onItemDrag: (id: LibraryItem["id"], event: React.DragEvent) => void;
-  isItemSelected: (id: LibraryItem["id"] | null) => boolean;
-  svgCache: SvgCache;
-  itemsRenderedPerBatch: number;
-}
-
-export const LibraryMenuSectionGrid = ({
-  children,
-}: {
-  children: ReactNode;
-}) => {
-  return <div className="library-menu-items-container__grid">{children}</div>;
-};
-
-export const LibraryMenuSection = memo(
-  ({
-    items,
-    onItemSelectToggle,
-    onItemDrag,
-    isItemSelected,
-    onClick,
-    svgCache,
-    itemsRenderedPerBatch,
-  }: Props) => {
-    const [, startTransition] = useTransition();
-    const [index, setIndex] = useState(0);
-
-    useEffect(() => {
-      if (index < items.length) {
-        startTransition(() => {
-          setIndex(index + itemsRenderedPerBatch);
-        });
-      }
-    }, [index, items.length, startTransition, itemsRenderedPerBatch]);
-
-    return (
-      <>
-        {items.map((item, i) => {
-          return i < index ? (
-            <LibraryUnit
-              elements={item?.elements}
-              isPending={!item?.id && !!item?.elements}
-              onClick={onClick}
-              svgCache={svgCache}
-              id={item?.id}
-              selected={isItemSelected(item.id)}
-              onToggle={onItemSelectToggle}
-              onDrag={onItemDrag}
-              key={item?.id ?? i}
-            />
-          ) : (
-            <EmptyLibraryUnit key={i} />
-          );
-        })}
-      </>
-    );
-  },
-);