add notice

Author: zerosnacks

src/App.tsx

@@ -238,6 +238,8 @@ export function App() {
   return (
     <div className="wrapper">
       <div className="container">
+        <div className="notice">Browser wallet is still in early development. Use with caution!</div>
+
         <img className="banner" src="banner.png" alt="Foundry Browser Wallet" />
 
         {providers.length > 1 && (

src/styles/App.css

@@ -17,6 +17,18 @@
   border-radius: 8px;
 }
 
+.notice {
+  width: 100%;
+  background-color: #ffcc00;
+  color: #333;
+  text-align: center;
+  padding: 8px;
+  border-radius: 8px;
+  margin-bottom: 16px;
+  font-weight: bold;
+  font-size: 13px;
+}
+
 .banner {
   width: 100%;
   height: auto;