feat: Add reordering to starred documents (#2953)

* draft

* reordering

* JIT Index stars on first load

* test

* Remove unused code on client

* small unrefactor

app/components/Sidebar/components/DropCursor.tsx

@@ -4,27 +4,26 @@ import styled from "styled-components";
 function DropCursor({
   isActiveDrop,
   innerRef,
-  from,
+  position,
 }: {
   isActiveDrop: boolean;
   innerRef: React.Ref<HTMLDivElement>;
-  from?: string;
+  position?: "top";
 }) {
-  return <Cursor isOver={isActiveDrop} ref={innerRef} from={from} />;
+  return <Cursor isOver={isActiveDrop} ref={innerRef} position={position} />;
 }
 
 // transparent hover zone with a thin visible band vertically centered
-const Cursor = styled.div<{ isOver?: boolean; from?: string }>`
+const Cursor = styled.div<{ isOver?: boolean; position?: "top" }>`
   opacity: ${(props) => (props.isOver ? 1 : 0)};
   transition: opacity 150ms;
-
   position: absolute;
   z-index: 1;
 
   width: 100%;
   height: 14px;
-  ${(props) => (props.from === "collections" ? "top: 25px;" : "bottom: -7px;")}
   background: transparent;
+  ${(props) => (props.position === "top" ? "top: 25px;" : "bottom: -7px;")}
 
   ::after {
     background: ${(props) => props.theme.slateDark};