organize PremiumLock into signaled components

app/components/PremiumLock/index.ts

@@ -1 +0,0 @@
-export { default } from "./PremiumLock";

app/components/signaled/PremiumLock/PremiumLock.tsx

@@ -19,7 +19,7 @@ const sessionSubscriptions = {
   hasActiveEliteSubscription: () => false, // if has elite or not
 };
 
-export default function PremiumLock({
+export function PremiumLock({
   requiredPlan = "plus",
   plural = false,
   children,

app/components/signaled/PremiumLock/index.ts

@@ -0,0 +1 @@
+export * from "./PremiumLock";

app/components/signaled/index.ts

@@ -1,6 +1,7 @@
+export * from "./ErrorDialog";
 export * from "./Toaster";
 export * from "./TopBar";
-export * from "./ErrorDialog";
+export * from "./PremiumLock";
 
 // all the Upload stuff will depend on the API Manager Signal
 export * from "./UploadAudioButtonDialogue";

app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/StylizeTab/StyleButtons.tsx

@@ -1,4 +1,4 @@
-import { Button, Label } from "~/components";
+import { Button, Label, PremiumLock } from "~/components";
 import {
   faArrowsRotate,
   faChevronLeft,
@@ -10,7 +10,7 @@ import Queue from "~/pages/PageEnigma/Queue/Queue";
 import { QueueNames } from "~/pages/PageEnigma/Queue/QueueNames";
 import { toEngineActions } from "~/pages/PageEnigma/Queue/toEngineActions";
 import { Switch } from "@headlessui/react";
-import PremiumLock from "~/components/PremiumLock";
+
 import {
   faceDetail,
   styleStrength,