refactor: move common components to components/common

pkgs/frontend/app/components/UserIcon.tsx

@@ -1,5 +1,5 @@
 import { FaCircleUser } from "react-icons/fa6";
-import { CommonIcon } from "./CommonIcon";
+import { CommonIcon } from "./common/CommonIcon";
 
 interface UserIconProps {
   userImageUrl: string | undefined;

pkgs/frontend/app/components/WorkspaceIcon.tsx

@@ -1,5 +1,5 @@
 import { FaPeopleGroup } from "react-icons/fa6";
-import { CommonIcon } from "./CommonIcon";
+import { CommonIcon } from "./common/CommonIcon";
 
 interface WorkspaceIconProps {
   workspaceImageUrl?: string;

pkgs/frontend/app/routes/_index.tsx

@@ -1,6 +1,6 @@
 import { Box } from "@chakra-ui/react";
 import type { MetaFunction } from "@remix-run/node";
-import { CommonButton } from "~/components/CommonButton";
+import { CommonButton } from "~/components/common/CommonButton";
 import { useBigBang } from "hooks/useBigBang";
 
 export const meta: MetaFunction = () => {

pkgs/frontend/app/routes/login.tsx

@@ -1,35 +1,35 @@
 import { usePrivy, useWallets } from "@privy-io/react-auth";
 import { FC, useCallback } from "react";
-import CommonButton from "~/components/CommonButton";
+import CommonButton from "~/components/common/CommonButton";
 
 const Login: FC = () => {
-	const { connectOrCreateWallet, user, logout } = usePrivy();
-	const { wallets } = useWallets();
+  const { connectOrCreateWallet, user, logout } = usePrivy();
+  const { wallets } = useWallets();
 
-	const disconnectWallets = useCallback(async () => {
-		await Promise.all(wallets.map((wallet) => wallet.disconnect()));
-	}, [wallets]);
+  const disconnectWallets = useCallback(async () => {
+    await Promise.all(wallets.map((wallet) => wallet.disconnect()));
+  }, [wallets]);
 
-	return (
-		<>
-			<CommonButton onClick={connectOrCreateWallet} bgColor="red.300">
-				login
-			</CommonButton>
+  return (
+    <>
+      <CommonButton onClick={connectOrCreateWallet} bgColor="red.300">
+        login
+      </CommonButton>
 
-			{wallets.length > 0 && (
-				<CommonButton onClick={disconnectWallets} bgColor="red.300">
-					disconnect
-				</CommonButton>
-			)}
-			{user ? (
-				<CommonButton onClick={logout} bgColor="red.300">
-					logout
-				</CommonButton>
-			) : (
-				<></>
-			)}
-		</>
-	);
+      {wallets.length > 0 && (
+        <CommonButton onClick={disconnectWallets} bgColor="red.300">
+          disconnect
+        </CommonButton>
+      )}
+      {user ? (
+        <CommonButton onClick={logout} bgColor="red.300">
+          logout
+        </CommonButton>
+      ) : (
+        <></>
+      )}
+    </>
+  );
 };
 
 export default Login;