feat: move customizer to root

src/app/tools/embed/[embed]/components/Boolean.tsx

@@ -1,5 +1,5 @@
 import { Switch } from '@radix-ui/themes';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import { EmbedPreviewControllerProps } from '../page';
 
 export function Boolean({ configKey }: EmbedPreviewControllerProps) {

src/app/tools/embed/[embed]/components/Color/index.tsx

@@ -1,4 +1,4 @@
-import * as EmbedState from '../../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../../stores/embedState';
 import { EmbedPreviewControllerProps } from '../../page';
 import { ColorControllerRaw } from './components/ColorControllerRaw';
 

src/app/tools/embed/[embed]/components/Enum.tsx

@@ -1,9 +1,9 @@
 import { Select } from '@radix-ui/themes';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import {
   EmbedConfigItemType,
   EmbedItemType,
-} from '../../../../../../stores/embedState/constants';
+} from '../../../../../stores/embedState/constants';
 import { EmbedPreviewControllerProps } from '../page';
 
 export function Enum({

src/app/tools/embed/[embed]/components/Import.tsx

@@ -8,7 +8,7 @@ import {
   Tooltip,
 } from '@radix-ui/themes';
 import { useRef, useState } from 'react';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 
 export function Import() {
   const importInput = useRef<HTMLInputElement>(null);

src/app/tools/embed/[embed]/components/PreviewWrapper/index.tsx

@@ -1,7 +1,7 @@
 import { Box } from '@radix-ui/themes';
 import { useEffect, useRef } from 'react';
-import { useEmbedStateCurry } from '../../../../../../../stores/embedState/utilities';
+import { useEmbedStateCurry } from '../../../../../../stores/embedState/utilities';
-import { previews } from '../../../../configurations';
+import { previews } from '../../../configurations';
 import * as styles from './index.css';
 
 interface PreviewWrapperProps {

src/app/tools/embed/[embed]/components/Radius.tsx

@@ -1,5 +1,5 @@
 import { Slider } from '@radix-ui/themes';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import { EmbedPreviewControllerProps } from '../page';
 
 export function Radius({ configKey }: EmbedPreviewControllerProps) {

src/app/tools/embed/[embed]/components/RichText.tsx

@@ -1,8 +1,8 @@
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import {
   EmbedConfigItemType,
   EmbedItemType,
-} from '../../../../../../stores/embedState/constants';
+} from '../../../../../stores/embedState/constants';
 import { EmbedPreviewControllerProps } from '../page';
 import { ColorControllerRaw } from './Color/components/ColorControllerRaw';
 

src/app/tools/embed/[embed]/components/Size.tsx

@@ -1,5 +1,5 @@
 import { Slider } from '@radix-ui/themes';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import { EmbedPreviewControllerProps } from '../page';
 
 export function Size({ configKey }: EmbedPreviewControllerProps) {

src/app/tools/embed/[embed]/components/SizeWithout0.tsx

@@ -1,5 +1,5 @@
 import { Slider } from '@radix-ui/themes';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import { EmbedPreviewControllerProps } from '../page';
 
 export function SizeWithout0({ configKey }: EmbedPreviewControllerProps) {

src/app/tools/embed/[embed]/components/Slider.tsx

@@ -1,9 +1,9 @@
 import { Slider as RadixSlider } from '@radix-ui/themes';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import {
   EmbedConfigItemType,
   EmbedItemType,
-} from '../../../../../../stores/embedState/constants';
+} from '../../../../../stores/embedState/constants';
 import { EmbedPreviewControllerProps } from '../page';
 
 export function Slider({

src/app/tools/embed/[embed]/components/Text.tsx

@@ -1,5 +1,5 @@
 import { TextField } from '@radix-ui/themes';
-import * as EmbedState from '../../../../../../stores/embedState';
+import * as EmbedState from '../../../../../stores/embedState';
 import { EmbedPreviewControllerProps } from '../page';
 
 export function Text({ configKey }: EmbedPreviewControllerProps) {

src/app/tools/embed/[embed]/layout.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
-import * as EmbedState from '../../../../../stores/embedState';
+import * as EmbedState from '../../../../stores/embedState';
-import { configurations } from '../../configurations';
+import { configurations } from '../configurations';
-import { extractEmbedConfigDefaults } from '../../utilities';
+import { extractEmbedConfigDefaults } from '../utilities';
 
 export default function Layout({
   params,

src/app/tools/embed/[embed]/page.tsx

@@ -12,15 +12,15 @@ import {
 import { Box, Button, Flex, Heading, ScrollArea, Text } from '@radix-ui/themes';
 import { capitalize, startCase } from 'lodash';
 import { ReactNode, useEffect, useRef, useState } from 'react';
-import { CopyButton } from '../../../../../components/CopyButton';
+import { CopyButton } from '../../../../components/CopyButton';
-import { NAVBAR_HEIGHT } from '../../../../../components/Navbar';
+import { NAVBAR_HEIGHT } from '../../../../components/Navbar';
-import PageWrapper from '../../../../../components/PageWrapper';
+import PageWrapper from '../../../../components/PageWrapper';
-import { imgur } from '../../../../../core/blitzkit/imgur';
+import { imgur } from '../../../../core/blitzkit/imgur';
-import * as App from '../../../../../stores/app';
+import * as App from '../../../../stores/app';
-import * as EmbedState from '../../../../../stores/embedState';
+import * as EmbedState from '../../../../stores/embedState';
-import { EmbedConfig } from '../../../../../stores/embedState';
+import { EmbedConfig } from '../../../../stores/embedState';
-import { EmbedItemType } from '../../../../../stores/embedState/constants';
+import { EmbedItemType } from '../../../../stores/embedState/constants';
-import { configurations } from '../../configurations';
+import { configurations } from '../configurations';
 import { Boolean } from './components/Boolean';
 import { Color } from './components/Color';
 import { Enum } from './components/Enum';