Added packages. Reformatted files.

src/App.tsx

@@ -1,10 +1,11 @@
+import clsx from "clsx";
 import { useState } from "react";
+
 import styles from "./App.module.css";
 import ColorPicker from "./components/ColorPicker/ColorPicker";
 import ColorValues from "./components/ColorValues/ColorValues";
 import { LeftMenu, RightMenu } from "./components/SideMenu";
 import { useMediaQuery } from "./providers/hooks";
-import clsx from "clsx";
 
 // Menu Button Components
 

src/components/SideMenu/SideMenu.tsx

@@ -1,5 +1,6 @@
-import type { ReactNode } from "react";
 import clsx from "clsx";
+import type { ReactNode } from "react";
+
 import styles from "./SideMenu.module.css";
 
 interface SideMenuProps {

src/components/SideMenu/tests/SideMenuTest.cy.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react";
+
 import { LeftMenu, RightMenu } from "../SideMenu";
 
 // Test Fixtures

src/hooks/slider.tsx

@@ -1,7 +1,13 @@
-import { useState, useRef, useEffect, useCallback } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import type { Dispatch, SetStateAction } from "react";
-import { minmax } from "../util";
+
 import type { CartesianSpace } from "../types";
+import {
+  extractEventCoordinates,
+  isLeftMouseButton,
+  isTouchEvent,
+  minmax,
+} from "../util";
 import { useScroll } from "./scroll";
 
 if (typeof TouchEvent === "undefined") {

src/hooks/tests/crosshairTest.cy.tsx

@@ -1,6 +1,7 @@
-import { useState, useRef, useEffect } from "react";
-import { useCrosshair } from "../crosshair";
+import { useEffect, useRef, useState } from "react";
+
 import type { CartesianSpace } from "../../types";
+import { useCrosshair } from "../crosshair";
 
 // Test Fixtures
 

src/main.tsx

@@ -1,7 +1,8 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import "./index.css";
+
 import App from "./App.tsx";
+import "./index.css";
 import { MediaQueryProvider } from "./providers";
 
 createRoot(document.getElementById("root")!).render(

src/providers/MediaQueryProvider.tsx

@@ -1,4 +1,4 @@
-import { createContext, useState, useEffect } from "react";
+import { createContext, useEffect, useState } from "react";
 import type { ReactNode } from "react";
 
 enum ViewportMode {