feat: initialize new React application structure with TypeScript, ESLint, and Prettier configurations, while removing legacy files and adding new components and pages for enhanced functionality

src/components/common/NotificationContainer.tsx

@@ -0,0 +1,20 @@
+import { useNotificationStore } from '@/stores';
+
+export function NotificationContainer() {
+  const { notifications, removeNotification } = useNotificationStore();
+
+  if (!notifications.length) return null;
+
+  return (
+    <div className="notification-container">
+      {notifications.map((notification) => (
+        <div key={notification.id} className={`notification ${notification.type}`}>
+          <div className="message">{notification.message}</div>
+          <button className="close-btn" onClick={() => removeNotification(notification.id)}>
+            ×
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}