add react-toastify for notifications and implement weather fetching functionality

frontend/src/Layout/Layout.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Header from "../components/Header";
+import { ToastContainer } from "react-toastify";
 
 type LayoutProps = {
   children: React.ReactNode;
@@ -7,8 +8,9 @@ type LayoutProps = {
 
 const Layout: React.FC<LayoutProps> = ({ children }) => {
   return (
-    <div className="flex flex-col min-h-screen bg-gradient-to-br from-blue-50 via-blue-100 to-blue-200 dark:from-gray-900 dark:via-gray-950 dark:to-gray-900">
+    <div>
       <Header />
+      <ToastContainer />
       <main>{children}</main>
     </div>
   );