feat: firebase performance test

apps/nowait-user/package.json

@@ -19,6 +19,7 @@
     "@vercel/speed-insights": "^1.2.0",
     "axios": "^1.10.0",
     "color-thief-react": "^2.1.0",
+    "firebase": "^12.5.0",
     "framer-motion": "^12.20.1",
     "jwt-decode": "^4.0.0",
     "leaflet": "^1.9.4",

apps/nowait-user/src/firebaseConfig.ts

@@ -0,0 +1,16 @@
+import { initializeApp } from "firebase/app";
+import { getPerformance } from "firebase/performance";
+
+const firebaseConfig = {
+  apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+  authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
+  projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
+  appId: import.meta.env.VITE_FIREBASE_APP_ID,
+};
+
+const app = initializeApp(firebaseConfig);
+
+const perf: ReturnType<typeof getPerformance> | undefined =
+  typeof window !== "undefined" ? getPerformance(app) : undefined;
+
+export { app, perf };

apps/nowait-user/src/main.tsx

@@ -2,7 +2,8 @@ import { createRoot } from "react-dom/client";
 import "./global.css";
 import App from "./App.tsx";
 import { initSentry } from "./utils/initSentry.ts";
-
+import { perf } from "./firebaseConfig";
+if (perf) console.log("Firebase Performance initialized", perf);
 initSentry();
 
 createRoot(document.getElementById("root")!).render(

apps/nowait-user/src/pages/waiting/storeNotice/StoreNoticePage.tsx

@@ -7,9 +7,14 @@ const StoreNoticePage = () => {
   return (
     <div>
       <BackHeader title="공지사항" />
-      <section className="px-5 py-[30px]">
-        <h1 className="text-title-18-bold text-black-90 mb-4 break-keep">{title}</h1>
-        <p dangerouslySetInnerHTML={{ __html: content }} className="text-16-regular text-black-80 !leading-[160%] break-keep"></p>
+      <section className="px-5 py-[30px] mt-[48px]">
+        <h1 className="text-title-18-bold text-black-90 mb-4 break-keep">
+          {title}
+        </h1>
+        <p
+          dangerouslySetInnerHTML={{ __html: content }}
+          className="text-16-regular text-black-80 !leading-[160%] break-keep"
+        ></p>
       </section>
     </div>
   );