feat(app): various updates for v2.0.0

src/components/Banner/Banner.tsx

@@ -1,6 +1,6 @@
 import { ReactNode, Dispatch, SetStateAction } from "react";
 import { motion, AnimatePresence, Variants } from "framer-motion";
-import { XCircle } from "phosphor-react";
+import { XCircle } from "@phosphor-icons/react";
 import ReactGA from "react-ga4";
 
 import { useLocalStorage } from "@/hooks";
@@ -69,7 +69,7 @@ const Banner = ({ id, children, onClose }: BannerProps) => {
                 e.key === "Enter" && handleClose();
               }}
             >
-              <XCircle color="currentColor" size={28} weight="fill" />
+              <XCircle color="currentColor" size={28} weight="regular" />
             </button>
           </div>
         </motion.aside>