diff --git a/README.md b/README.md
index 92ec67790..fd46ddada 100644
--- a/README.md
+++ b/README.md
@@ -1,25 +1,121 @@
-# About The Hackathon
-The MoroccoAI InnovAI Hackathon is a unique opportunity for AI enthusiasts, professionals, and innovators to collaborate and create transformative AI-based solutions addressing real-life challenges in Morocco and across Africa. As part of the annual MoroccoAI Annual Conference, this hackathon is set under the theme “Driving the Future of Innovation Through AI”, inspiring participants to harness AI’s capabilities to make a meaningful societal impact. Participants will join teams to develop Proof of Concepts (PoCs) using applications or APIs that address challenges in various domains. Education, Healthcare, Environment, Finance or Customer Services .
-
-In line with MoroccoAI’s mission, this hackathon centers around “Driving the Future of Innovation Through AI”. AI has the power to redefine industries, address community needs, and propel sustainable growth. Through this event, participants will dive into AI’s potential by developing impactful solutions that address challenges unique to Morocco and Africa in fields such as agriculture, education, health, and finance, fostering innovation in response to real-world needs.
-
-# The Challenge
-Connect with the MoroccoAI community, join teams and brainstorm ideas then come up with a project that leverages AI in 5 areas of focus:
-* Innovation
-* Healthcare
-* Environment
-* Finance
-* CustomerServices
-
-# Mentorship
-Join the Hackathon server on discord and meet the mentors to learn more about their proposed projects.
-
-# Why should you participate in this Hackathon?
-* Hands-on experience in AI project development that targets relevant issues in Morocco and Africa.
-* Mentorship and networking opportunities with experts and peers in the AI community.
-* Showcase their solutions to a jury of AI specialists at the awards ceremony, creating visibility and opportunities for further development.
-* Win great prizes offered by MoroccoAI's sponsors
-* Obtain your MoroccoAI certificate of recognition
-
-# For more information
-https://morocco.ai/events/conferences/MoroccoAI-Conference-2024/pages/hackathon.html
+# MedConnect: Revolutionizing Healthcare in Africa
+
+## Introduction
+**MedConnect** is an innovative AI and blockchain-powered healthcare platform designed to tackle some of the most pressing issues facing healthcare in Africa. Our platform leverages **AI** to assist healthcare professionals in making informed decisions and **blockchain** to ensure secure, transparent, and decentralized data sharing.
+
+By enhancing access to medical expertise and improving healthcare collaboration, **MedConnect** aims to bridge the gap between underserved populations and quality healthcare, thus contributing to global health equity.
+
+---
+
+## Problem Statement
+
+Africa faces numerous healthcare challenges, including:
+
+1. **Limited Access to Healthcare**: 60% of the African population lacks reliable healthcare services.
+2. **Fragmented Medical Records**: Medical data is scattered across various institutions, often leading to inefficiencies and errors in patient care.
+3. **Insecure Communication**: Sensitive patient data is often transmitted insecurely, risking breaches of privacy.
+4. **Shortage of Specialists**: Many rural areas lack access to specialized healthcare professionals, leaving local doctors struggling to provide accurate care.
+
+These issues contribute to a significant disparity in healthcare delivery across the continent.
+
+---
+
+## MedConnect’s Solution
+
+**MedConnect** integrates **AI** and **blockchain** to address these challenges and provide a sustainable solution to healthcare problems in Africa.
+
+### 1. **Generative AI Assistance**
+Our platform leverages cutting-edge **Generative AI** to help healthcare professionals quickly generate evidence-based medical reports, diagnostic recommendations, and even assist in image classification (e.g., MRI scans).
+
+### 2. **Blockchain Technology**
+Using **blockchain**, we create a decentralized system that ensures medical data is shared securely and transparently. Our **smart contracts** enforce strict access controls, allowing only authorized professionals to access sensitive information.
+
+### 3. **HealthSphere MediBot**
+The **HealthSphere MediBot** is an AI-powered assistant that helps healthcare professionals in decision-making, offering insights, recommendations, and medical reports in real-time.
+
+<img src="THE-M2M-SQUAD\Frontend\assets\AM1.jpeg" alt="Image 1" width="300">
+---
+
+## Key Features
+
+- **AI-Powered Diagnostics**: From image classification to diagnostic support, AI tools assist doctors in making faster, more accurate decisions.
+- **Efficient Communication**: Facilitates secure, transparent sharing of medical data across institutions and specialists.
+- **Access to Specialists**: Improves access to medical experts, even in remote areas.
+- **Global Health Equity**: MedConnect bridges the gap between underserved populations and high-quality healthcare.
+
+---
+
+## Impact
+
+By leveraging MedConnect’s platform, we aim to:
+
+- **Enhance Access to Expertise**: Rural doctors and patients can receive real-time expert advice from specialists located anywhere on the continent.
+- **Improve Collaboration**: Doctors can collaborate more effectively by securely sharing case data and treatment plans.
+- **Faster, More Accurate Diagnoses**: AI-powered tools help speed up the diagnosis process, ultimately improving patient outcomes.
+- **Bridge Healthcare Gaps**: We aim to level the playing field by providing underserved populations with access to quality healthcare via technology.
+
+---
+
+## Business Model
+
+MedConnect will generate revenue through the following channels:
+
+- **Subscription Plans**: B2B subscription for AI diagnosis, analytics, and advanced tools.
+- **Transaction Fees**: Micro-fees for expert consultations and second opinions.
+- **Institutional Partnerships**: Paid partnerships with hospitals, universities, and NGOs for custom healthcare solutions.
+
+<img src="THE-M2M-SQUAD\Frontend\assets\AM.jpeg" alt="Image 1" width="300">
+
+---
+
+## Demo and Resources
+
+- **MVP Demo URL:**: [MedConnect AI App](https://medconnectbot.netlify.app) 
+- **Demo Video URL** : [Demo](https://drive.google.com/file/d/1cN5GZNGTS9g0kFdKPf43vpXClizTNvwn/view?usp=sharing)
+- **GitHub Repository URL** : [URL](https://github.com/Hamzar2/THE-H2H-SQUAD.git)
+- **Pitch Deck (PDF)** : [MEDCONNECT](https://drive.google.com/file/d/1VoElZCfaBF_SYlG56uU23B-KHQhhdF1z/view?usp=sharing)
+- **Pitch Video URL** : [Pitch](https://www.loom.com/share/de580723e31e40bd88b6ef41eb2cfa8f?sid=4ac5beec-d512-4789-b306-4ac64c6a58dd)
+
+For further details and to get started with the project, please follow the setup instructions below.
+
+---
+
+## How to Run the server
+
+Follow these steps to set up and run the **Flask app**:
+
+1. **Install Required Dependencies**:
+   pip install -r requirements.txt
+
+2. **Set Up Environment Variables**:
+    Create a .env file in the root of the project.
+    Add the necessary configuration settings:
+    API_KEY=<your_secret_key>
+
+
+3. **Run the Flask App**:
+    python app.py
+
+Access the Application: Open your browser and navigate to http://127.0.0.1:5000/ to see the app in action.
+
+
+## How to Run the Vite project
+
+1. **Install Node.js (if not already installed)**:
+
+2. **Set Up Environment Variables**:
+    Create a .env file in the root of the project.
+    Add the necessary configuration settings:
+    VITE_API_URL_LOCALHOST=http://127.0.0.1:5000/
+
+3. **Install Dependencies**
+    npm install
+
+4. **Run the Vite Development Server**:
+    npm run dev
+
+## Conclusion
+
+**MedConnect** represents a groundbreaking step toward solving Africa’s healthcare challenges using **AI** and **blockchain** technologies. By providing a secure, transparent platform for healthcare professionals, **MedConnect** dramatically improves access to medical expertise, collaboration, and patient outcomes.
+
+Join us in transforming healthcare in Africa and making a lasting impact on global health equity.
diff --git a/THE-M2M-SQUAD/Backend/.gitignore b/THE-M2M-SQUAD/Backend/.gitignore
new file mode 100644
index 000000000..2fe115309
--- /dev/null
+++ b/THE-M2M-SQUAD/Backend/.gitignore
@@ -0,0 +1,4 @@
+classfication.py
+report.html
+
+.env
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Backend/app.py b/THE-M2M-SQUAD/Backend/app.py
new file mode 100644
index 000000000..44604cdb4
--- /dev/null
+++ b/THE-M2M-SQUAD/Backend/app.py
@@ -0,0 +1,242 @@
+import os
+import logging
+from flask import Flask, request, jsonify, Response
+from flask_cors import CORS
+from huggingface_hub import InferenceClient
+from transformers import pipeline
+from PIL import Image
+from dotenv import load_dotenv
+from io import BytesIO
+import requests
+from ultralyticsplus import YOLO, postprocess_classify_output
+  
+# Load environment variables
+load_dotenv()
+API_URL = os.getenv("API_URL")
+
+# Initialize Flask app
+app = Flask(__name__)
+CORS(app, resources={r"/*": {"origins": "*"}})
+logging.basicConfig(level=logging.INFO)
+
+# Initialize Hugging Face API client
+client = InferenceClient(api_key=API_URL)
+
+# Load ML models
+brain_classifier = pipeline("image-classification", model="Devarshi/Brain_Tumor_Classification")
+Alzheimer_classifier = pipeline("image-classification", model="evanrsl/resnet-Alzheimer")
+chest_xray_classifier = YOLO('keremberke/yolov8m-chest-xray-classification')
+
+# set model parameters
+chest_xray_classifier.overrides['conf'] = 0.25
+
+# Hugging Face BLIP model API setup
+BLIP_API_URL = "https://api-inference.huggingface.co/models/Salesforce/blip-image-captioning-large"
+HEADERS = {"Authorization": f"Bearer {API_URL}"}
+
+model_details = None
+
+
+@app.route('/health', methods=['GET'])
+def health_check():
+    """
+    Endpoint for health checks.
+    """
+    return jsonify({"status": "healthy"}), 200
+
+
+def estimate_token_count(text):
+    """
+    Approximate the token count in the given text.
+    """
+    return len(text.split())
+
+def truncate_chat_history(chat_history, token_limit):
+    """
+    Truncate the chat history to fit within the token limit.
+    """
+    truncated_history = []
+    current_token_count = 0
+
+    for turn in chat_history:
+        if 'role' in turn and 'content' in turn:
+            turn_tokens = estimate_token_count(turn['content'])
+            if current_token_count + turn_tokens <= token_limit:
+                truncated_history.append(turn)
+                current_token_count += turn_tokens
+            else:
+                break  # Stop adding if token limit is reached
+    return truncated_history
+
+@app.route('/chat', methods=['POST'])
+def chat():
+    """
+    Chat endpoint to handle AI-driven conversations.
+    """
+    try:
+        # Validate the request
+        if not request.is_json:
+            return jsonify({"error": "Content-Type must be application/json"}), 400
+
+        data = request.get_json()
+        if 'messages' not in data or 'chatHistory' not in data:
+            return jsonify({"error": "Missing 'messages' or 'chatHistory' in request body"}), 400
+
+        # Extract chat history and current query
+        chat_history = data['chatHistory']
+        current_query = data['messages']
+
+        # Truncate chat history to fit within 4000 tokens
+        MAX_TOKENS = 4000
+        truncated_history = truncate_chat_history(chat_history, MAX_TOKENS)
+
+        # Construct the medical report prompt
+        medical_report_prompt = {
+            "role": "assistant",
+            "content": (
+                "You are a Medical AI Assistant tasked to help healthcare professionals make informed decisions. "
+                "Your role is to provide accurate, evidence-based medical reports, recommendations, and insights. "
+                "Follow standard medical reporting formats, ensure clarity and conciseness, and provide actionable suggestions. "
+                "Take into account the chat history and the current classification results (if any).\n\n"
+
+                "Here is the chat history for reference:\n\n"
+            )
+        }
+
+        # Add truncated chat history to the prompt
+        for i, turn in enumerate(truncated_history):
+            medical_report_prompt["content"] += f"**Turn {i+1}:**\n**{turn['role'].capitalize()}:** {turn['content']}\n\n"
+    
+
+        classification_message = next(
+            (msg['content'] for msg in current_query if 'Image Classification:' in msg['content']), None
+        )
+
+        if classification_message:
+            medical_report_prompt["content"] += f"Image Classification Result: {classification_message}\n\n"
+            medical_report_prompt["content"] += "Please generate a medical report based on the result."
+            medical_report_prompt["content"] += (
+            "When creating the medical report:\n"
+            "- Base your findings on the provided classification results, if available.\n"
+            "- Include potential diagnoses, detailed explanations, recommendations for follow-up actions, and treatment options.\n"
+            "- Ensure your recommendations are grounded in reputable medical knowledge and clearly state any uncertainties.\n\n"
+
+            "### Referencing Guidelines:\n"
+            "- Include at least **two to three insightful references** from credible medical sources, such as PubMed, WHO, CDC, or similar platforms.\n"
+            "- Present the references as clickable markdown links (e.g., `[description](URL)`).\n"
+            "- Ensure references are directly relevant to the discussed findings and support your conclusions with recent and authoritative data.\n"
+            "- If referencing studies or guidelines, briefly summarize their relevance to your conclusions.\n\n"
+
+            "### Example of References in the Report:\n"
+            "- Potential Diagnosis: Alzheimer's Disease\n"
+            "  Reference: [Alzheimer's Diagnosis and Treatment Guidelines - WHO](https://www.who.int/alzheimers)\n\n"
+            "- Potential Treatment: Chemotherapy for Brain Tumors\n"
+            "  Reference: [PubMed: Advances in Brain Tumor Treatments](https://pubmed.ncbi.nlm.nih.gov/12345678/)\n\n"
+
+            "### Generate the Report:\n"
+            "Based on the classification results and chat history, write a detailed medical report that includes:\n"
+            "1. An overview of the findings.\n"
+            "2. Possible diagnoses with explanations.\n"
+            "3. Recommendations for further investigation or treatment.\n"
+            "4. Relevant and insightful references to support your conclusions.\n"
+            )
+            medical_report_prompt["content"] += f'detailes about the model : {model_details}'
+        else:
+            medical_report_prompt["content"] += "Provide guidance for further steps or clarification if needed."
+        
+        classification_message = None
+
+        current_query.append(medical_report_prompt)
+
+        # Generate response from the model
+        def generate_response():
+            stream = client.chat.completions.create(
+                model="meta-llama/Meta-Llama-3-8B-Instruct",
+                messages=current_query,
+                max_tokens=4090,
+                stream=True
+            )
+            for chunk in stream:
+                if chunk.choices[0].delta.content:
+                    yield chunk.choices[0].delta.content
+
+        return Response(generate_response(), content_type='text/plain')
+
+    except Exception as e:
+        logging.error(f"Server error: {str(e)}")
+        return jsonify({"error": str(e)}), 500
+
+
+
+@app.route('/classify-image', methods=['POST'])
+def classify_image():
+    """
+    Endpoint to classify uploaded images using pretrained models.
+    """
+    if 'image' not in request.files:
+        return jsonify({"error": "No image file provided"}), 400
+
+    image_file = request.files['image']
+
+    try:
+        image = Image.open(image_file)
+
+        # Step 1: Generate image description
+        buffer = BytesIO()
+        image.save(buffer, format="JPEG")
+        buffer.seek(0)
+        response = requests.post(BLIP_API_URL, headers=HEADERS, data=buffer.read())
+        response.raise_for_status()
+        description_response = response.json()
+        description = description_response[0]['generated_text']
+
+        logging.info(f"Image description: {description}")
+
+        # Determine the type of image
+        if "chest" in description.lower():
+            model_details = (
+                "Chest X-ray :\n"
+                "Model: keremberke/yolov8m-chest-xray-classification\n"
+                "Dataset: NIH Chest X-ray Dataset"
+            )
+            # Step 2: Classify the image
+            results = chest_xray_classifier.predict(image)
+            processed_result = postprocess_classify_output(chest_xray_classifier, result=results[0])
+            probs_tensor = results[0].probs.data  # Access the tensor containing the probabilities
+            probs_list = probs_tensor.tolist() 
+            logging.info(f"Image description: {str(processed_result)}")
+            return jsonify({"label": str(processed_result), "score": probs_list}), 200
+            
+        elif "brain" in description.lower():
+            model_details = (
+                "Alzheimer :\n"
+                "Model: evanrsl/resnet-Alzheimer\n"
+                "Dataset: NIH Chest X-Ray Dataset"
+                "Brain_Tumor :\n"
+                "Model: Devarshi/Brain_Tumor_Classification\n"
+                "Dataset: RSNA-MICCAI Brain Tumor Radiogenomic Classification Challenge"
+            )
+            # Step 2: Classify the image
+            image = image.resize((256, 256))
+            results_brain = brain_classifier(image)
+            label_b = results_brain[0]['label']
+            score_b = results_brain[0]['score']
+
+            results_Alzheimer = Alzheimer_classifier(image)
+            label_a = results_Alzheimer[0]['label']
+            score_a = results_Alzheimer[0]['score']
+
+            return jsonify({"label": f" : Alzheimer --> {label_a} ; Brain tumor --> {label_b}" , "score": f" : {label_a} --> {score_a} ; {label_b} --> {score_b}"}), 200
+        else : return jsonify({"label": "Unrecognized image type", "score": None}), 200
+            
+
+        
+
+    except requests.exceptions.RequestException as e:
+        return jsonify({"error": f"Image description API error: {str(e)}"}), 500
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=5000)
diff --git a/THE-M2M-SQUAD/Backend/requirements.txt b/THE-M2M-SQUAD/Backend/requirements.txt
new file mode 100644
index 000000000..f05d06722
--- /dev/null
+++ b/THE-M2M-SQUAD/Backend/requirements.txt
@@ -0,0 +1,9 @@
+flask==3.0.2
+flask-cors==4.0.0
+huggingface-hub
+python-dotenv
+transformers
+torchvision 
+pillow
+gunicorn
+ultralyticsplus
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Frontend/.gitignore b/THE-M2M-SQUAD/Frontend/.gitignore
new file mode 100644
index 000000000..a2e04e493
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+
+.env
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Frontend/assets/AM.jpeg b/THE-M2M-SQUAD/Frontend/assets/AM.jpeg
new file mode 100644
index 000000000..2f87029ff
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/AM.jpeg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/AM1.jpeg b/THE-M2M-SQUAD/Frontend/assets/AM1.jpeg
new file mode 100644
index 000000000..1d4d93c1d
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/AM1.jpeg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/DALLE - Copy.jpg b/THE-M2M-SQUAD/Frontend/assets/DALLE - Copy.jpg
new file mode 100644
index 000000000..5f44bb707
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/DALLE - Copy.jpg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/DALLE.jpg b/THE-M2M-SQUAD/Frontend/assets/DALLE.jpg
new file mode 100644
index 000000000..5f44bb707
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/DALLE.jpg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/HB.jpg b/THE-M2M-SQUAD/Frontend/assets/HB.jpg
new file mode 100644
index 000000000..7a7c73720
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/HB.jpg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/HD.jpg b/THE-M2M-SQUAD/Frontend/assets/HD.jpg
new file mode 100644
index 000000000..7a7c73720
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/HD.jpg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/HI.jpg b/THE-M2M-SQUAD/Frontend/assets/HI.jpg
new file mode 100644
index 000000000..7a7c73720
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/HI.jpg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/HN.jpg b/THE-M2M-SQUAD/Frontend/assets/HN.jpg
new file mode 100644
index 000000000..7a7c73720
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/HN.jpg differ
diff --git a/THE-M2M-SQUAD/Frontend/assets/HealthSphere.jpg b/THE-M2M-SQUAD/Frontend/assets/HealthSphere.jpg
new file mode 100644
index 000000000..ad39a9004
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/assets/HealthSphere.jpg differ
diff --git a/THE-M2M-SQUAD/Frontend/contracts/MiniSocial.sol b/THE-M2M-SQUAD/Frontend/contracts/MiniSocial.sol
new file mode 100644
index 000000000..1efc7ba6e
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/contracts/MiniSocial.sol
@@ -0,0 +1,80 @@
+// SPDX-License-Identifier: MIT
+pragma solidity ^0.8.26;
+
+contract CoolSocialContract {
+
+    uint public coolNumber = 10; // Keeping the original coolNumber functionality
+
+    struct Post {
+        string message;
+        address author;
+        uint256 timestamp;
+        uint256 lastModified;
+        uint256 likes;
+        uint256 dislikes;
+    }
+
+    Post[] public posts;
+
+    event PostPublished(uint postId, address author, string message, uint256 timestamp);
+    event PostLiked(uint postId, address user, uint256 likes);
+    event PostDisliked(uint postId, address user, uint256 dislikes);
+    event PostModified(uint postId, string newMessage, uint256 lastModified);
+
+    function setCoolNumber(uint _coolNumber) public {
+        coolNumber = _coolNumber;
+    }
+
+    function publishPost(string memory _message) public {
+        uint256 postId = posts.length;
+        Post memory newPost = Post({
+            message: _message,
+            author: msg.sender,
+            timestamp: block.timestamp,
+            lastModified: 0,
+            likes: 0,
+            dislikes: 0
+        });
+        posts.push(newPost);
+        emit PostPublished(postId, msg.sender, _message, block.timestamp);
+    }
+
+    function getPost(uint index) public view returns (
+        string memory, 
+        address, 
+        uint256, 
+        uint256, 
+        uint256, 
+        uint256
+    ) {
+        require(index < posts.length, "Index out of bounds");
+        Post memory post = posts[index];
+        return (post.message, post.author, post.timestamp, post.lastModified, post.likes, post.dislikes);
+    }
+
+    function getTotalPosts() public view returns (uint) {
+        return posts.length;
+    }
+
+    function likePost(uint index) public {
+        require(index < posts.length, "Index out of bounds");
+        posts[index].likes += 1;
+        emit PostLiked(index, msg.sender, posts[index].likes);
+    }
+
+    function dislikePost(uint index) public {
+        require(index < posts.length, "Index out of bounds");
+        posts[index].dislikes += 1;
+        emit PostDisliked(index, msg.sender, posts[index].dislikes);
+    }
+
+    function editPost(uint index, string memory newMessage) public {
+        require(index < posts.length, "Index out of bounds");
+        Post storage post = posts[index];
+        require(msg.sender == post.author, "Only the author can edit the post");
+
+        post.message = newMessage;
+        post.lastModified = block.timestamp;
+        emit PostModified(index, newMessage, post.lastModified);
+    }
+}
diff --git a/THE-M2M-SQUAD/Frontend/contracts/Symptoms-of-a-brain-tumour-based-on-location-in-the-brain-768x480.webp b/THE-M2M-SQUAD/Frontend/contracts/Symptoms-of-a-brain-tumour-based-on-location-in-the-brain-768x480.webp
new file mode 100644
index 000000000..953a297fe
Binary files /dev/null and b/THE-M2M-SQUAD/Frontend/contracts/Symptoms-of-a-brain-tumour-based-on-location-in-the-brain-768x480.webp differ
diff --git a/THE-M2M-SQUAD/Frontend/css/dashboard.css b/THE-M2M-SQUAD/Frontend/css/dashboard.css
new file mode 100644
index 000000000..149112373
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/css/dashboard.css
@@ -0,0 +1,198 @@
+.dashboard-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* This ensures cards align in a responsive grid */
+  gap: 2rem;
+  margin-top: 2rem;
+}
+
+.card {
+  background: white;
+  padding: 1.5rem;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+
+.card h3, .first-card h3 {
+  margin-bottom: 1rem;
+  color: var(--primary-color);
+}
+ost-form {
+  background: white;
+  padding: 1.5rem;
+  border-radius: 10px;
+  margin-bottom: 2rem;
+}
+
+.post-form textarea {
+  width: 100%;
+  min-height: 100px;
+  padding: 1rem;
+  margin-bottom: 1rem;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  resize: vertical;
+}
+
+.chat-container {
+  background: white;
+  border-radius: 10px;
+  padding: 1.5rem;
+  height: 89vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.uploaded-image {
+  max-width: 10%; /* Ensure the image doesn't exceed the chat width */
+  height: auto; /* Maintain aspect ratio */
+  border-radius: 10px; /* Rounded corners */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
+  margin-top: 10px; /* Add some space above the image */
+}
+
+
+#chat-messages {
+  flex-grow: 1;
+  overflow-y: auto;
+  margin-bottom: 1rem;
+  padding: 1rem;
+  background: #f8f9fa;
+  border-radius: 5px;
+}
+
+.chat-input {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-end;
+}
+
+.chat-input textarea {
+  flex-grow: 1;
+  padding: 0.8rem;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  resize: vertical;
+  min-height: 50px;
+}
+
+#file-upload {
+  margin-bottom: 1rem;
+}
+
+.message {
+  margin-bottom: 1rem;
+  padding: 0.8rem;
+  border-radius: 5px;
+}
+
+.message.user {
+  background-color: #e3f2fd;
+  margin-left: 2rem;
+}
+
+.message.assistant {
+  background-color: #f5f5f5;
+  margin-right: 2rem;
+}
+
+.message.system {
+  background-color: #fff3e0;
+  text-align: center;
+  margin: 0.5rem 1rem;
+  font-style: italic;
+}
+
+.message-content {
+  word-wrap: break-word;
+}
+
+.message-content strong {
+  color: var(--primary-color);
+  margin-bottom: 0.3rem;
+  display: inline-block;
+}
+
+.message-content p {
+  margin: 0.5rem 0 0 0;
+}
+
+/************************************************/
+
+
+.container {
+  padding: 20px;
+}
+.step {
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  padding: 15px;
+  margin: 10px 0;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.step img {
+  width: 50px;
+  margin-right: 15px;
+}
+.step h3 {
+  margin: 0;
+  color: #f6851b;
+}
+.step p {
+  margin: 5px 0 0 0;
+}
+footer {
+  text-align: center;
+  padding: 20px;
+  background-color: #333;
+  color: #fff;
+  margin-top: 20px;
+}
+a {
+  color: #f6851b;
+  text-decoration: none;
+}
+
+/* Style for the About Us container */
+/* Style for the About Us container */
+.about {
+  margin: 20px auto;
+  padding: 30px;
+  max-width: 100%;
+  background-color: #ffffff;
+  border-radius: 15px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
+  font-family: 'Roboto', sans-serif; /* Clean and professional font */
+  text-align: center;
+  line-height: 1.8;
+}
+
+/* Styling for the text */
+.platform-purpose {
+  font-size: 20px;
+  color: #333333; /* Dark gray for professional readability */
+  font-weight: 400; /* Regular weight for a clean appearance */
+  overflow: hidden; /* Prevent text overflow during animation */
+  letter-spacing: 0.5px; /* Subtle letter spacing for readability */
+}
+
+/* Fade-in effect for each word */
+.word {
+  opacity: 0;
+  display: inline-block;
+  animation: fade-in 0.5s forwards;
+}
+
+/* Keyframes for word fade-in */
+@keyframes fade-in {
+  from {
+      opacity: 0;
+      transform: translateY(-10px);
+  }
+  to {
+      opacity: 1;
+      transform: translateY(0);
+  }
+}
diff --git a/THE-M2M-SQUAD/Frontend/css/social.css b/THE-M2M-SQUAD/Frontend/css/social.css
new file mode 100644
index 000000000..910278780
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/css/social.css
@@ -0,0 +1,397 @@
+/* General Page Styling */
+/* body {
+    font-family: 'Arial', sans-serif;
+    background-color: #f4f6f9;
+    color: #333;
+    margin: 0;
+    padding: 0;
+} */
+
+/* Page Container */
+/* .page {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 2rem;
+    animation: fadeIn 0.5s ease-in-out;
+} */
+
+/* Animations */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Social Page Section */
+.post-section {
+    width: 100%;
+    /* max-width: 1200px; */
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2rem;
+    margin: 2rem auto;
+}
+
+/* Post Form */
+.post-form-container {
+    width: 30%;
+    flex-grow: 1;
+    min-width: 300px;
+    
+    gap: 20rem;
+}
+
+.post-form, .Wallet, .posts-container {
+    background: #ffffff;
+    border-radius: 12px;
+    padding: 1.5rem;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.post-form:hover,
+.Wallet:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
+}
+
+.wallet-button.disconnect.hidden {
+    display: none;
+  }
+  
+  .wallet-button.connected {
+    background-color: #4CAF50;
+  }
+  
+  .wallet-button.disconnect {
+    background-color: #f44336;
+    color: white;
+  }
+  
+  .wallet-button.disconnect:hover {
+    background-color: #d32f2f;
+  }
+  
+
+#post-message,
+#post-image {
+    width: 100%;
+    padding: 0.75rem;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+    margin-bottom: 1rem;
+    font-size: 1rem;
+    transition: border-color 0.3s ease;
+}
+
+#file-upload {
+    width: 10%;
+    padding: 0.75rem;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+    margin-bottom: 1rem;
+    font-size: 1rem;
+    transition: border-color 0.3s ease;
+}
+
+#post-message:focus,
+#post-image:focus,
+#file-upload:focus {
+    border-color: #2196F3;
+    outline: none;
+}
+
+#publish-post {
+    padding: 0.75rem 1rem;
+    background-color: #007BFF;
+    color: white;
+    border: none;
+    border-radius: 8px;
+    font-size: 1rem;
+    font-weight: bold;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+#publish-post:hover {
+    background-color: #0056b3;
+}
+
+.Wallet input {
+    margin-top: 0.5rem;
+    padding: 0.75rem;
+    width: 100%;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+    font-size: 1rem;
+}
+
+/* Posts Display */
+.post {
+    background: #ffffff;
+    max-height:100%;
+    border-radius: 10px;
+    padding: 1.5rem;
+    margin-bottom: 1.5rem;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.post:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
+}
+
+.post-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+    font-size: 0.9rem;
+    color: #666;
+}
+
+.post-content {
+    line-height: 1.6;
+    color: #333;
+    font-size: 1rem;
+    margin-bottom: 1rem;
+}
+
+.posts-container {
+    width: 65%;
+    flex-grow: 1;
+    min-width: 300px;
+    height: 85vh; /* Adjust this height as needed */
+    overflow-y: auto; /* Enables vertical scrolling */
+    padding: 1rem;
+    margin: 0 auto;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    border-radius: 12px;
+    background-color: none;
+}
+
+/* Maintaining the rest of your styles for the posts */
+.post {
+    background: #ffffff;
+    border-radius: 12px;
+    padding: 1.5rem;
+    margin-bottom: 1.5rem;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.post:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
+}
+
+.post-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+    font-size: 0.9rem;
+    color: #666;
+}
+
+.post-header .author,
+.post-header .timestamp {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.post-content {
+    line-height: 1.6;
+    color: #333;
+    font-size: 1rem;
+    margin-bottom: 1rem;
+}
+
+.post-image {
+    width: 20%;
+    height: auto;
+    margin-bottom: 1rem;
+    border-radius: 8px;
+}
+
+.post-actions {
+    display: flex;
+    gap: 1rem;
+    margin-top: 1rem;
+}
+
+.action-btn {
+    display: flex;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    background: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    color: #666;
+}
+
+.action-btn:hover {
+    background: #0056b3;
+    border-color: #bbb;
+    color: #fff;
+}
+
+.like-btn:hover {
+    color: #4CAF50;
+}
+
+.dislike-btn:hover {
+    color: #f44336;
+}
+
+.edit-btn:hover {
+    color: #2196F3;
+}
+
+.post-edited {
+    margin-top: 0.8rem;
+    font-size: 0.8rem;
+    color: #666;
+    font-style: italic;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.comments {
+    margin-top: 1rem;
+    padding: 1rem;
+    background: #f9f9f9;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.comment {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid #ddd;
+}
+
+.comment:last-child {
+    border-bottom: none;
+}
+
+.comment-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 0.875rem;
+    color: #555;
+}
+
+.comment-header .author {
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.comment-header .timestamp {
+    font-size: 0.75rem;
+    color: #999;
+}
+
+.comment-content {
+    font-size: 1rem;
+    line-height: 1.5;
+    color: #333;
+}
+
+.comment-content p {
+    margin: 0;
+}
+
+.loading-spinner {
+    text-align: center;
+    padding: 2rem;
+    color: #666;
+}
+
+.loading-spinner i {
+    font-size: 2rem;
+    margin-bottom: 1rem;
+    color: #2196F3;
+}
+
+
+/* Chat Page */
+.chat-container {
+    width: 100%;
+    /* max-width: 800px; */
+    background: #ffffff;
+    border-radius: 12px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    padding: 1.5rem;
+    margin: 2rem auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+#chat-messages {
+    height: 100%;
+    overflow-y: auto;
+    background: #f9f9f9;
+    border-radius: 8px;
+    padding: 1rem;
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.chat-input {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    align-items: flex-end;
+}
+
+.chat-input textarea {
+    flex: 1;
+    padding: 0.75rem;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background: #f9f9f9;
+    font-size: 1rem;
+    resize: none;
+    transition: border-color 0.3s ease;
+}
+
+.chat-input textarea:focus {
+    border-color: #2196F3;
+    outline: none;
+}
+
+.chat-input button {
+    background: #007BFF;
+    color: white;
+    border: none;
+    border-radius: 8px;
+    padding: 0.75rem 1rem;
+    font-size: 1rem;
+    font-weight: bold;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.chat-input button:hover {
+    background-color: #0056b3;
+}
diff --git a/THE-M2M-SQUAD/Frontend/css/styles.css b/THE-M2M-SQUAD/Frontend/css/styles.css
new file mode 100644
index 000000000..b4f46c3d5
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/css/styles.css
@@ -0,0 +1,424 @@
+:root {
+  --primary-color: #2c3e50;
+  --secondary-color: #3498db;
+  --background-color: #f5f6fa;
+  --text-color: #2c3e50;
+  --sidebar-width: 250px;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  display: flex;
+  background-color: var(--background-color);
+  color: var(--text-color);
+}
+
+.sidebar {
+  width: var(--sidebar-width);
+  height: 100vh;
+  background-color: var(--primary-color);
+  padding: 2rem 1rem;
+  position: fixed;
+  color: white;
+}
+
+.logo h2 {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.nav-links {
+  list-style: none;
+}
+
+.nav-links li {
+  margin-bottom: 1rem;
+}
+
+.nav-links a {
+  color: white;
+  text-decoration: none;
+  display: block;
+  padding: 0.8rem 1rem;
+  border-radius: 5px;
+  transition: background-color 0.3s;
+}
+
+.nav-links a:hover,
+.nav-links a.active {
+  background-color: var(--secondary-color);
+}
+
+.content {
+  margin-left: var(--sidebar-width);
+  padding: 2rem;
+  width: calc(100% - var(--sidebar-width));
+}
+
+.page {
+  display: none;
+}
+
+.page.active {
+  display: block;
+}
+
+button {
+  background-color: var(--secondary-color);
+  color: white;
+  border: none;
+  padding: 0.8rem 1.5rem;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: opacity 0.3s;
+}
+
+button:hover {
+  opacity: 0.9;
+}
+
+.toastify {
+  padding: 16px 24px;
+  font-size: 16px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.toastify .icon {
+  font-size: 20px;
+}
+
+.toastify.success {
+  background-color: #4CAF50;
+}
+
+.toastify.error {
+  background-color: #f44336;
+}
+
+.toastify.warning {
+  background-color: #ff9800;
+}
+
+.toastify.info {
+  background-color: #2196F3;
+}
+
+
+.ai-assistant-guide {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  padding: 2rem;
+  background: #f9f9f9;
+  border-radius: 12px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 2rem;
+}
+
+.guide-step {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.guide-step img {
+  width: 50px;
+  height: 50px;
+}
+
+.guide-step h3 {
+  margin: 0;
+  font-size: 1.2rem;
+  color: #333;
+}
+
+.guide-step p {
+  margin: 0;
+  font-size: 1rem;
+  color: #666;
+}
+
+.chat-container {
+  padding: 1.5rem;
+  border-radius: 12px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  background: #fff;
+}
+
+
+.chat-input {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
+.chat-input textarea {
+  flex-grow: 1;
+  padding: 0.5rem;
+  border-radius: 6px;
+  border: 1px solid #ddd;
+  font-size: 1rem;
+}
+
+.chat-input button {
+  padding: 0.5rem 1rem;
+  border-radius: 6px;
+  border: none;
+  background-color: #0056b3;
+  color: #fff;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.chat-input button:hover {
+  background-color: #003a8c;
+}
+
+
+
+
+/* General styling for the page titles */
+.page h1 {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+/* Modern image styling */
+.modern-image {
+  width: 60px;
+  height: 60px;
+  border-radius: 15px; /* Rounded corners for a modern look */
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06); /* Modern shadow */
+  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover animation */
+  object-fit: cover; /* Ensures the image looks great */
+}
+
+/* Hover effects */
+.modern-image:hover {
+  transform: scale(1.1); /* Slight zoom effect */
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.15); /* Enhanced shadow */
+}
+
+/* Responsiveness for smaller screens */
+@media (max-width: 768px) {
+  .modern-image {
+    width: 50px;
+    height: 50px;
+  }
+
+  .page h1 {
+    font-size: 1.5rem;
+    gap: 10px;
+  }
+}
+
+
+
+
+
+
+
+
+/* About Us Section */
+.about-us {
+  background: white;
+  padding: 1.5rem;
+  text-align:center;
+  gap: 2rem;
+  margin-top: 2rem;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.about-us h2 {
+  font-size: 2rem;
+  color: var(--primary-color);
+  margin-bottom: 1rem;
+}
+
+.about-us .platform-purpose {
+  font-size: 1rem;
+  color: #555;
+  margin-bottom: 2rem;
+  line-height: 1.6;
+}
+
+.about-us .team {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1.5rem;
+  justify-items: center;
+}
+
+.team {
+  text-align: center; /* Center the content */
+  margin-top: 3rem; /* Space above the section */
+  padding: 2rem; /* Padding for visual comfort */
+}
+
+.team-name {
+  font-family: 'Arial', sans-serif; /* Clean, professional font */
+  font-size: 2rem; /* Larger text for emphasis */
+  color: #333; /* Dark gray text for contrast */
+  font-weight: bold; /* Bold text for prominence */
+  margin-bottom: 1.5rem; /* Space below the title */
+  letter-spacing: 1px; /* Slightly increased letter spacing for a modern feel */
+}
+
+.team .team-member {
+  display: inline-block; /* Align team members side by side */
+  margin: 1rem; /* Spacing between members */
+  text-align: center; /* Center content inside each team member */
+}
+
+.team .team-member img {
+  width: 150px; /* Fixed size for the images */
+  height: 150px; /* Fixed size for the images */
+  border-radius: 50%; /* Circular images */
+  object-fit: cover; /* Ensures image fits the circle */
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
+  margin-bottom: 1rem; /* Space between image and name */
+}
+
+.team .team-member .name {
+  font-family: 'Arial', sans-serif; /* Clean, professional font */
+  font-size: 1.1rem; /* Slightly smaller text for names */
+  color: #333; /* Dark gray color for names */
+  font-weight: bold; /* Emphasize name */
+}
+
+.team .team-member .linkedin {
+  color: #007bff; /* Blue for LinkedIn links */
+  font-size: 0.9rem; /* Smaller font for links */
+  text-decoration: none; /* Remove underline */
+}
+
+.team .team-member .linkedin:hover {
+  text-decoration: underline; /* Underline on hover */
+}
+
+
+/* Full-screen overlay to disable interactions with the page */
+#overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  z-index: 999; /* Ensure it overlays everything */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* Centered modal */
+#instructions {
+  background-color: #ffffff;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  width: 400px;
+  max-width: 90%;
+  text-align: left;
+  font-family: Arial, sans-serif;
+  line-height: 1.5;
+}
+
+/* List styling */
+#instructions ul {
+  padding-left: 20px;
+}
+
+#instructions ul li {
+  margin-bottom: 10px;
+}
+
+/* Close button styling */
+#instructions button {
+  display: inline-block;
+  margin-top: 10px;
+  padding: 8px 12px;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+#instructions button:hover {
+  background-color: #0056b3;
+}
+
+/* Style the header container */
+.header-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 20px;
+  background-color: #f9f9f9;
+  border-bottom: 1px solid #ddd;
+}
+
+/* Style the h1 element */
+.header-container h1 {
+  display: flex;
+  align-items: center;
+  font-size: 24px;
+  margin: 0;
+  font-family: Arial, sans-serif;
+}
+
+/* Style the chatbot image */
+.page-icon {
+  width: 40px;
+  height: 40px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+
+/* Align buttons next to the header on the same line */
+.header-buttons {
+  display: flex;
+  gap: 15px; /* Space between buttons */
+}
+
+/* Style the buttons */
+.header-buttons button {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  font-size: 14px;
+  border: none;
+  border-radius: 5px;
+  background-color: #007bff;
+  color: white;
+  cursor: pointer;
+  font-family: Arial, sans-serif;
+}
+
+.header-buttons button i {
+  margin-right: 5px; /* Space between icon and text */
+}
+
+.header-buttons button:hover {
+  background-color: #0056b3;
+}
+
+
+
diff --git a/THE-M2M-SQUAD/Frontend/index.html b/THE-M2M-SQUAD/Frontend/index.html
new file mode 100644
index 000000000..9f50c9031
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/index.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Medical Dashboard</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="assets\DALLE.jpg" type="image" />
+    <link rel="stylesheet" href="/css/styles.css" />
+    <link rel="stylesheet" href="/css/dashboard.css" />
+    <link rel="stylesheet" href="/css/social.css" />
+    <script src="https://kit.fontawesome.com/your-code.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+
+  </head>
+  <body>
+    <!-- Sidebar -->
+    <nav class="sidebar">
+      <div class="logo">
+        <h2>MedConnect</h2>
+      </div>
+      <ul class="nav-links">
+        <li><a href="#" data-page="dashboard" class="active">Dashboard</a></li>
+        <li><a href="#" data-page="chatbot">MediBot</a></li>
+        <li><a href="#" data-page="social">HealthSphere</a></li>
+      </ul>
+    </nav>
+
+    <!-- Main Content -->
+    <main class="content">
+      <!-- Dashboard Page -->
+      <div id="dashboard-page" class="page active">
+        <h1> <img src="assets\DALLE.jpg" alt="Dashboard Icon" class="page-icon modern-image" />
+          Welcome, Doctor</h1>
+          <div class="first-card">
+            <h3>Quick Actions</h3>
+            <div class="buttons-container">
+              <button onclick="document.querySelector('[data-page=chatbot]').click()">MediBot</button>
+              <button onclick="document.querySelector('[data-page=social]').click()">HealthSphere</button>
+            </div>
+        </div>
+        
+        <div class="about">
+          <h3 id="platform-purpose" class="platform-purpose"></h3>
+      </div>
+      
+        <div class="dashboard-grid">
+          <!-- Card 1 -->
+          
+          
+          <!-- Card 2 -->
+          <div class="card">
+            <h3>How to Use the AI Medical Assistant</h3>
+            <div class="ai-assistant-guide">
+              <div class="guide-step">
+                <img src="https://cdn-icons-png.flaticon.com/512/1040/1040230.png" alt="Medical Report Icon">
+                <div>
+                  <h4>Generate Medical Reports</h4>
+                  <p>Upload patient data to generate detailed medical reports.</p>
+                </div>
+              </div>
+              <div class="guide-step">
+                <img src="https://cdn-icons-png.flaticon.com/512/1038/1038108.png" alt="Tumor Classification Icon">
+                <div>
+                  <h4>Classify Tumor and Alzheimer Types</h4>
+                  <p>Upload medical images to classify tumors and Alzheimer accurately.</p>
+                </div>
+              </div>
+              <div class="guide-step">
+                <img src="https://cdn-icons-png.flaticon.com/512/2921/2921222.png" alt="chest X-ray Icon">
+                <div>
+                  <h4>Analyse Chest X-ray images</h4>
+                  <p>Upload medical images to Analyse Chest X-ray images accurately.</p>
+                </div>
+              </div>
+              <div class="guide-step">
+                <img src="https://cdn-icons-png.flaticon.com/512/1041/1041951.png" alt="Ask Questions Icon">
+                <div>
+                  <h4>Ask Medical Questions</h4>
+                  <p>Type any medical question to get answers based on provided data and research.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="card">
+          <h3>How to Use HealthSphere</h3>
+          <div class="container">
+            <div class="step">
+              <img src="https://cdn-icons-png.flaticon.com/512/811/811372.png" alt="MetaMask Icon">
+              <div>
+                <h4>Step 1: Install MetaMask</h4>
+                <p>
+                  Download the <a href="https://metamask.io/" target="_blank">MetaMask</a>
+                  extension or mobile app and create a wallet.
+                </p>
+              </div>
+            </div>
+            <div class="step">
+              <img src="https://cdn-icons-png.flaticon.com/512/158/158412.png" alt="Add Funds Icon">
+              <div>
+                <h4>Step 2: Fund Your Wallet</h4>
+                <p>Add cryptocurrency to your wallet using an exchange or transfer from another wallet.</p>
+              </div>
+            </div>
+            <div class="step">
+              <img src="https://cdn-icons-png.flaticon.com/512/4321/4321052.png" alt="Deploy Contract Icon">
+              <div>
+                <h4>Step 3: Deploy Your Smart Contract</h4>
+                <p>Use an online tool like <a href="https://remix.ethereum.org/" target="_blank">Remix IDE</a> to write and deploy your smart contract.</p>
+              </div>
+            </div>
+            <div class="step">
+              <img src="https://cdn-icons-png.flaticon.com/512/833/833594.png" alt="Copy Address Icon">
+              <div>
+                <h4>Step 4: Get the Contract Address</h4>
+                <p>Copy the contract address after deployment and use it to interact with your application.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="about-us">
+          <h2>Team Members</h2>
+          
+          
+          <div class="team">
+            <div class="team-member">
+              <img src="assets\HI.jpg" alt="Creator 1" />
+              <h3>Idrissi Hamza</h3>
+              <p><a href="https://www.linkedin.com/in/hamza-idrissi-944b57211/" target="_blank">LinkedIn Profile</a></p>
+            </div>
+            <div class="team-member">
+              <img src="assets\HD.jpg" alt="Creator 2" />
+              <h3>Dahou Hamza</h3>
+              <p><a href="https://www.linkedin.com/in/hamzadahou/" target="_blank">LinkedIn Profile</a></p>
+            </div>
+            <div class="team-member">
+              <img src="assets\HB.jpg" alt="Creator 3" />
+              <h3>Boughfir Hamza</h3>
+              <p><a href="https://www.linkedin.com/in/hamza-boughfir-0bb646224/" target="_blank">LinkedIn Profile</a></p>
+            </div>
+            <div class="team-member">
+              <img src="assets\HN.jpg" alt="Creator 4" />
+              <h3>Nayah Hafsa</h3>
+              <p><a href="https://www.linkedin.com/in/hafsanayah/" target="_blank">LinkedIn Profile</a></p>
+            </div>
+          </div>
+        </div>
+        
+      </div>
+
+      <!-- Chatbot Page -->
+      <div id="chatbot-page" class="page">
+        <div class="header-container">
+          <h1>
+              <img src="assets/MediBot.jpg" alt="Chatbot Icon" class="page-icon modern-image" />
+              MediBot: AI Medical Assistant
+          </h1>
+          <div class="header-buttons">
+              <button id="toggle-instructions" class="fas fa-bell">
+                  <i class="fas fa-info-circle"></i>
+                  Show Instructions
+              </button>
+              <button id="download-pdf">
+                  <i class="fas fa-download"></i>
+                  Download Chat History as PDF
+              </button>
+          </div>
+      </div>
+      
+        <div id="overlay" style="display: none;">
+            <div id="instructions">
+                <p>Here are some tips for using the chat history:</p>
+                <ul>
+                    <li>Tokens are limited to 4000 for the Chat History</li>
+                    <li>After hitting the limit, the interaction with the MediBot will not be stored anymore</li>
+                </ul>
+                <button id="close-instructions">Close</button>
+            </div>
+        </div>
+        
+        <div class="chat-container">
+          <div id="chat-messages"></p></div>
+          <div class="chat-input">
+            <input type="file" id="file-upload" accept="image/*,.pdf,.doc,.docx" />
+            <textarea id="user-input" placeholder="Ask your medical question..."></textarea>
+            <button id="send-message">Send</button>
+          </div>
+        </div>
+      </div>
+      <!-- Social Page -->
+      <div id="social-page" class="page">
+        <h1><img src="assets\HealthSphere.jpg" alt="Social Icon" class="page-icon modern-image" />
+          HealthSphere</h1>
+        <div class="post-section">
+          <div class="post-form-container">
+            <div class="Wallet">
+              <p>Smart Contract Address:</p>
+              <input type="text" id="wallet-address" placeholder="Enter your wallet address here..." />
+            </div>
+            <div class="post-form">
+              <textarea id="post-message" placeholder="Type your post here..."></textarea>
+              <input type="file" id="post-image" accept="image/*" />
+              <button id="publish-post">Publish Post</button>
+            </div>
+          </div>
+          <div id="posts-container" class="posts-container"></div>
+        </div>
+      </div>
+    </main>
+
+    <script type="module" src="/js/main.js"></script>
+  </body>
+</html>
diff --git a/THE-M2M-SQUAD/Frontend/js/chat.js b/THE-M2M-SQUAD/Frontend/js/chat.js
new file mode 100644
index 000000000..73f037941
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/chat.js
@@ -0,0 +1,323 @@
+import { jsPDF } from "jspdf";
+
+const API_URL = import.meta.env.VITE_API_URL_LOCALHOST;
+
+
+let chatHistory = [];
+
+export function initChat() {
+    const sendButton = document.getElementById('send-message');
+    const chatMessages = document.getElementById('chat-messages');
+    const userInput = document.getElementById('user-input');
+    const fileUpload = document.getElementById('file-upload');
+
+    // Check backend health on initialization
+    checkBackendHealth();
+
+    sendButton.addEventListener('click', handleMessage);
+    userInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            handleMessage();
+        }
+    });
+
+    async function checkBackendHealth() {
+        try {
+            const response = await fetch(`${API_URL}/health`);
+            if (!response.ok) {
+                appendMessage('system', 'Warning: AI service is currently unavailable. Please try again later.');
+            }
+        } catch (error) {
+            appendMessage('system', 'Warning: Unable to connect to AI service. Please ensure the backend server is running.');
+        }
+    }
+
+    async function handleMessage() {
+        const message = userInput.value.trim();
+        const files = fileUpload.files;
+
+        if (message || files.length > 0) {
+            // Disable send button and user input
+            sendButton.disabled = true;
+            userInput.disabled = true;
+
+            appendMessage('user', message);
+
+            let classificationMessage = null;
+
+            if (files.length > 0) {
+                const imageFile = files[0];
+                appendImage(imageFile);
+
+                // Wait for the classification result
+                classificationMessage = await handleFileUpload(imageFile);
+            }
+
+            // Add user message to chatHistory
+            chatHistory.push({ role: 'user', content: message });
+
+            // Combine user message with classification result for the current query
+            const currentQuery = [];
+            if (classificationMessage) {
+                currentQuery.push({ role: 'system', content: classificationMessage });
+            }
+            if (message) {
+                currentQuery.push({ role: 'user', content: message });
+            }
+
+            console.log('Current query sent to backend:', currentQuery);
+            console.log('Full chat history:', chatHistory);
+
+            userInput.value = '';
+            fileUpload.value = '';
+
+            const loadingMessage = appendMessage('system', 'Processing your request...');
+
+            try {
+                const response = await fetch(`${API_URL}/chat`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        chatHistory, // Send full conversation history
+                        messages: currentQuery, // Send the current query separately
+                    }),
+                });
+
+                if (!response.ok) throw new Error('Network response was not ok');
+
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+                let assistantMessage = '';
+                let messageDiv = appendMessage('assistant', '');
+
+                while (true) {
+                    const { value, done } = await reader.read();
+                    if (done) break;
+                    const chunk = decoder.decode(value, { stream: true });
+                    assistantMessage += chunk;
+
+                    const renderedMarkdown = marked.parse(assistantMessage);
+                    messageDiv.querySelector('p').innerHTML = renderedMarkdown;
+                    chatMessages.scrollTop = chatMessages.scrollHeight;
+                }
+
+                // Add assistant's message to chatHistory
+                chatHistory.push({ role: 'assistant', content: assistantMessage });
+                loadingMessage.remove();
+
+                // Re-enable send button and user input
+                sendButton.disabled = false;
+                userInput.disabled = false;
+            } catch (error) {
+                console.error('Error:', error);
+                loadingMessage.remove();
+                appendMessage('system', `Error: ${error.message || 'Unable to process your request.'}`);
+
+                // Re-enable send button and user input in case of an error
+                sendButton.disabled = false;
+                userInput.disabled = false;
+            }
+        }
+    }
+
+    async function handleFileUpload(file) {
+        const classificationResult = await classifyImage(file);
+        if (classificationResult) {
+            const classificationMessage = `Image Classification: ${classificationResult.label} (Score: ${classificationResult.score})`;
+
+            // Append classification result to chat interface
+            const lastUserMessage = chatMessages.querySelectorAll('.message.user');
+            const appendedFileMessage = lastUserMessage[lastUserMessage.length - 1];
+
+            if (appendedFileMessage) {
+                appendedFileMessage.querySelector('.message-content').innerHTML += `
+                    <p>${classificationMessage}</p>
+                `;
+            } else {
+                appendMessage('system', classificationMessage);
+            }
+
+            // Return classification result for inclusion in the current query
+            return classificationMessage;
+        }
+        return null;
+    }
+
+    async function classifyImage(image) {
+        try {
+            const formData = new FormData();
+            formData.append('image', image);
+
+            const response = await fetch(`${API_URL}/classify-image`, {
+                method: 'POST',
+                body: formData,
+            });
+
+            if (response.ok) {
+                const result = await response.json();
+                return { label: result.label, score: result.score };
+            } else {
+                throw new Error('Image classification failed');
+            }
+        } catch (error) {
+            console.error('Error classifying image:', error);
+            return null;
+        }
+    }
+
+    function appendMessage(role, content) {
+        const messageDiv = document.createElement('div');
+        messageDiv.className = `message ${role}`;
+
+        let displayName = role === 'user' ? 'User' :
+                         role === 'assistant' ? 'MediBot:' :
+                         'System';
+
+        messageDiv.innerHTML = `
+            <div class="message-content">
+                <strong>${displayName}:</strong>
+                <p>${content}</p>
+            </div>
+        `;
+        chatMessages.appendChild(messageDiv);
+        chatMessages.scrollTop = chatMessages.scrollHeight;
+        return messageDiv;
+    }
+
+    function appendImage(file) {
+        const reader = new FileReader();
+        reader.onload = function(event) {
+            const messageDiv = document.createElement('div');
+            messageDiv.className = 'message user';
+
+            const displayName = 'User';
+            messageDiv.innerHTML = `
+                <div class="message-content">
+                    <strong>${displayName}:</strong>
+                    <p><img src="${event.target.result}" alt="${file.name}" class="uploaded-image"></p>
+                </div>
+            `;
+
+            chatMessages.appendChild(messageDiv);
+            chatMessages.scrollTop = chatMessages.scrollHeight;
+        };
+        reader.readAsDataURL(file);
+    }
+
+    // Toggle button to show the notification
+    document.getElementById('toggle-instructions').addEventListener('click', () => {
+        const overlay = document.getElementById('overlay');
+        const isVisible = overlay.style.display === 'block';
+        overlay.style.display = isVisible ? 'none' : 'block';
+        document.getElementById('toggle-instructions').textContent = isVisible ? 'Show Instructions' : 'Hide Instructions';
+    });
+
+    // Close button inside the notification
+    document.getElementById('close-instructions').addEventListener('click', () => {
+        const overlay = document.getElementById('overlay');
+        overlay.style.display = 'none';
+        document.getElementById('toggle-instructions').textContent = 'Show Instructions';
+    });
+
+    document.getElementById('download-pdf').addEventListener('click', async () => {
+    const doc = new jsPDF();
+    let y = 20; // Initial y position for text
+    const lineHeight = 6;
+    const pageHeight = doc.internal.pageSize.height;
+    const logo = 'data:image/jpeg;base64,...'; // Replace with your base64 encoded JPG logo
+
+    // Adding a title
+    doc.setFontSize(16);
+    doc.text(10, y, 'Chat History');
+    y += 10; // Adding some space after the title
+
+    // Setting font size for the chat content
+    doc.setFontSize(12);
+
+    for (const entry of chatHistory) {
+        // Adding logo to the top right corner of each page
+        const currentPage = doc.internal.getCurrentPageInfo().pageNumber;
+        if (currentPage > 1) {
+            doc.addImage(logo, 'JPEG', doc.internal.pageSize.width - 60, 10, 50, 20);
+        }
+
+        if (entry.role === 'user' && entry.content.includes('data:image')) {
+            // Handle image entries
+            const img = entry.content.match(/data:image\/[a-zA-Z]+;base64,[^\s]+/)[0];
+            const imgProps = doc.getImageProperties(img);
+            const imgHeight = (imgProps.height * 50) / imgProps.width;
+
+            if (y + imgHeight > pageHeight - 10) { // Check if image fits on current page
+                doc.addPage();
+                y = 10;
+                doc.addImage(logo, 'JPEG', doc.internal.pageSize.width - 60, 10, 50, 20); // Adding logo to new page
+            }
+
+            doc.addImage(img, 'PNG', 10, y, 50, imgHeight); // Add image to the PDF
+            y += imgHeight + 10; // Move y position down to accommodate the image
+        } else {
+            // Handle text entries
+            doc.setFont("helvetica", entry.role === 'user' ? "bold" : "normal");
+            const lines = doc.splitTextToSize(entry.content.replace(/[\*\_\`]/g, ''), 180); // Splitting text into multiple lines if it's too long
+
+            lines.forEach(line => {
+                if (y + lineHeight > pageHeight - 10) { // Check if text fits on current page
+                    doc.addPage();
+                    y = 10;
+                    doc.addImage(logo, 'JPEG', doc.internal.pageSize.width - 60, 10, 50, 20); // Adding logo to new page
+                }
+                doc.text(10, y, line);
+                y += lineHeight;
+            });
+
+            y += 4; // Adding some space between entries
+        }
+
+        if (entry.classificationResult) {
+            // Add classification result
+            doc.setFont("helvetica", "italic");
+            const classificationText = `Classification: ${entry.classificationResult.label}, Score: ${entry.classificationResult.score}`;
+
+            if (y + lineHeight > pageHeight - 10) { // Check if text fits on current page
+                doc.addPage();
+                y = 10;
+                doc.addImage(logo, 'JPEG', doc.internal.pageSize.width - 60, 10, 50, 20); // Adding logo to new page
+            }
+
+            doc.text(10, y, classificationText);
+            y += 10;
+        }
+    }
+
+    doc.save('chat-history.pdf');
+});
+
+    
+    
+    
+    // Function to set a static assistant message
+    function setStaticAssistantMessage() {
+        const messageContent = "Hi! I'm MediBot an AI Assistant tasked to help healthcare professionals make informed decisions. Do you have a medical question, case you'd like to discuss, or a project you need help with? Let me know and I'll do my best to provide you with accurate and informative responses.";
+
+        const messageDiv = document.createElement('div');
+        messageDiv.className = 'message assistant';
+
+        messageDiv.innerHTML = `
+            <div class="message-content">
+                <strong>MediBot:</strong>
+                <p>${messageContent}</p>
+            </div>
+        `;
+
+        const chatMessages = document.getElementById('chat-messages');
+        chatMessages.appendChild(messageDiv);
+        chatMessages.scrollTop = chatMessages.scrollHeight;
+    }
+
+    // Call the function to set the static message
+    setStaticAssistantMessage();
+
+
+    
+}
diff --git a/THE-M2M-SQUAD/Frontend/js/main.js b/THE-M2M-SQUAD/Frontend/js/main.js
new file mode 100644
index 000000000..901b9ae71
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/main.js
@@ -0,0 +1,47 @@
+import { initNavigation } from './navigation.js';
+import { initChat } from './chat.js';
+import { initSocial } from './social.js';
+
+document.addEventListener('DOMContentLoaded', () => {
+    initNavigation();
+    initChat();
+    initSocial();
+});
+
+document.addEventListener("DOMContentLoaded", () => {
+    const text =
+        "MedConnect is a platform designed specifically for doctors, providing advanced tools to improve patient care, streamline medical workflows, and enhance collaboration between healthcare professionals.";
+    const purposeElement = document.getElementById("platform-purpose");
+
+    // Time delay between words (in milliseconds)
+    const wordDelay = 500; // Set this to control word appearance speed
+    const repeatInterval = 10000; // Total interval to repeat the animation (in milliseconds)
+
+    const displayWords = (text, element, delay) => {
+        const words = text.split(" ");
+        element.innerHTML = ""; // Clear existing content
+
+        words.forEach((word, index) => {
+            const span = document.createElement("span");
+            span.className = "word";
+            span.style.animationDelay = `${index * (delay / 1000)}s`; // Convert ms to seconds
+            span.textContent = word; // Add the word text
+            element.appendChild(span);
+
+            // Add space after each word except the last
+            if (index < words.length - 1) {
+                element.appendChild(document.createTextNode(" "));
+            }
+        });
+    };
+
+    // Initial word-by-word display
+    displayWords(text, purposeElement, wordDelay);
+
+    // Repeat the process at the defined interval
+    setInterval(() => {
+        displayWords(text, purposeElement, wordDelay);
+    }, repeatInterval);
+});
+
+
diff --git a/THE-M2M-SQUAD/Frontend/js/navigation.js b/THE-M2M-SQUAD/Frontend/js/navigation.js
new file mode 100644
index 000000000..d28338676
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/navigation.js
@@ -0,0 +1,29 @@
+export function initNavigation() {
+  const navLinks = document.querySelectorAll('.nav-links a');
+  
+  navLinks.forEach(link => {
+    link.addEventListener('click', (e) => {
+      e.preventDefault();
+      const pageId = link.getAttribute('data-page');
+      navigateTo(pageId);
+    });
+  });
+}
+
+export function navigateTo(pageId) {
+  // Hide all pages
+  document.querySelectorAll('.page').forEach(page => {
+    page.classList.remove('active');
+  });
+  
+  // Show selected page
+  document.getElementById(`${pageId}-page`).classList.add('active');
+  
+  // Update active nav link
+  document.querySelectorAll('.nav-links a').forEach(link => {
+    link.classList.remove('active');
+    if (link.getAttribute('data-page') === pageId) {
+      link.classList.add('active');
+    }
+  });
+}
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Frontend/js/social.js b/THE-M2M-SQUAD/Frontend/js/social.js
new file mode 100644
index 000000000..46d569f7d
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/social.js
@@ -0,0 +1,139 @@
+import { PostManager } from './web3/postManager.js';
+import { showToast } from './utils/notifications.js';
+
+let postManager;
+
+export async function initSocial() {
+    const container = document.getElementById('posts-container');
+    const postForm = document.querySelector('.Wallet');
+
+    if (!container || !postForm) {
+        console.error('Required social elements not found');
+        return;
+    }
+
+    postManager = new PostManager(container);
+
+    setupWalletButtons(postForm);
+    setupPostForm();
+}
+
+function setupWalletButtons(postForm) {
+    // Create wallet buttons container
+    const walletContainer = document.createElement('div');
+    walletContainer.className = 'wallet-container';
+
+    // Connect Wallet Button
+    const connectButton = document.createElement('button');
+    connectButton.id = 'connect-wallet';
+    connectButton.className = 'wallet-button';
+    connectButton.innerHTML = '<i class="fas fa-wallet"></i> Connect Wallet';
+
+    // Disconnect Wallet Button
+    const disconnectButton = document.createElement('button');
+    disconnectButton.id = 'disconnect-wallet';
+    disconnectButton.className = 'wallet-button disconnect hidden';
+    disconnectButton.innerHTML = '<i class="fas fa-sign-out-alt"></i> Disconnect Wallet';
+
+    walletContainer.appendChild(connectButton);
+    walletContainer.appendChild(disconnectButton);
+    postForm.insertBefore(walletContainer, postForm.firstChild);
+
+    // Connect Wallet Logic
+    connectButton.addEventListener('click', async () => {
+        try {
+            connectButton.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Connecting...';
+            const walletAddressInput = document.getElementById('wallet-address'); 
+            const walletAddress = walletAddressInput.value; // Initialize PostManager with wallet address 
+            const connected = await postManager.init(walletAddress);
+            if (connected) {
+                connectButton.classList.add('hidden');
+                disconnectButton.classList.remove('hidden');
+                showWalletInfo(connectButton, postManager.account);
+                await postManager.loadPosts();
+                
+                // Ensure .left-section is visible
+                if (document.querySelector('.left-section')) {
+                    document.querySelector('.left-section').style.display = 'block';
+                }
+            }
+        } catch (error) {
+            connectButton.innerHTML = '<i class="fas fa-wallet"></i> Connect Wallet';
+            showToast(error.message, 'error');
+        }
+    });
+    
+
+    // Disconnect Wallet Logic
+    disconnectButton.addEventListener('click', () => {
+        postManager.disconnect();
+        connectButton.classList.remove('hidden');
+        disconnectButton.classList.add('hidden');
+        resetWalletInfo();
+        showToast('Disconnected from wallet', 'info');
+    });
+}
+
+function showWalletInfo(button, account) {
+    button.innerHTML = `
+        <i class="fas fa-check-circle"></i>
+        Connected: ${account.slice(0, 6)}...${account.slice(-4)}
+    `;
+    button.classList.add('connected');
+}
+
+function resetWalletInfo() {
+    const walletInfo = document.querySelector('#connect-wallet');
+    if (walletInfo) {
+        walletInfo.innerHTML = '<i class="fas fa-wallet"></i> Connect Wallet';
+        walletInfo.classList.remove('connected');
+    }
+}
+
+function setupPostForm() {
+    const publishButton = document.getElementById('publish-post');
+    const messageInput = document.getElementById('post-message');
+    const charCounter = document.createElement('div');
+    charCounter.id = 'char-counter';
+    charCounter.className = 'char-counter';
+    charCounter.textContent = '280 characters remaining';
+    messageInput.parentNode.insertBefore(charCounter, messageInput.nextSibling);
+
+    if (!publishButton || !messageInput) {
+        console.error('Post form elements not found');
+        return;
+    }
+
+    publishButton.addEventListener('click', async () => {
+        if (!postManager?.account) {
+            showToast('Please connect your wallet first', 'warning');
+            return;
+        }
+
+        if (!messageInput.value.trim()) {
+            showToast('Post cannot be empty', 'warning');
+            return;
+        }
+
+        await postManager.publishPost(messageInput.value);
+        messageInput.value = '';
+        updateCharacterCounter(charCounter, 280);
+    });
+
+    messageInput.addEventListener('input', () => {
+        updateCharacterCounter(charCounter, 280 - messageInput.value.length);
+        publishButton.disabled = !messageInput.value.trim();
+    });
+
+    messageInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter' && !e.shiftKey && publishButton) {
+            e.preventDefault();
+            publishButton.click();
+        }
+    });
+}
+
+function updateCharacterCounter(counter, remaining) {
+    counter.textContent = `${remaining} characters remaining`;
+    counter.style.color = remaining < 0 ? 'red' : '';
+}
diff --git a/THE-M2M-SQUAD/Frontend/js/utils/notifications.js b/THE-M2M-SQUAD/Frontend/js/utils/notifications.js
new file mode 100644
index 000000000..496203429
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/utils/notifications.js
@@ -0,0 +1,71 @@
+import Toastify from 'toastify-js';
+import Swal from 'sweetalert2';
+import 'toastify-js/src/toastify.css';
+
+export const showToast = (message, type = 'info') => {
+    const iconMap = {
+        success: '✔️',
+        error: '❌',
+        warning: '⚠️',
+        info: 'ℹ️'
+    };
+
+    Toastify({
+        text: `<div class="icon">${iconMap[type]}</div><div>${message}</div>`,
+        duration: 3000,
+        gravity: 'bottom', // 'top' or 'bottom'
+        position: 'left', // 'left', 'center' or 'right'
+        className: `toastify ${type}`,
+        stopOnFocus: true, // Prevents dismissing of toast on hover
+        escapeMarkup: false // Allows HTML in the text
+    }).showToast();
+};
+
+
+export const showConfirmDialog = async (title, text) => {
+    const result = await Swal.fire({
+        title,
+        text,
+        icon: 'question',
+        showCancelButton: true,
+        confirmButtonText: 'Yes',
+        cancelButtonText: 'No',
+        reverseButtons: true
+    });
+    return result.isConfirmed;
+};
+
+export const showEditDialog = async (currentText) => {
+    const result = await Swal.fire({
+        title: 'Edit Post',
+        input: 'textarea',
+        inputValue: currentText,
+        inputPlaceholder: 'Type your updated post here...',
+        showCancelButton: true,
+        confirmButtonText: 'Update',
+        cancelButtonText: 'Cancel',
+        inputValidator: (value) => {
+            if (!value.trim()) {
+                return 'Post content cannot be empty!';
+            }
+        }
+    });
+    return result.value;
+};
+
+export const showCommentDialog = async () => {
+    const result = await Swal.fire({
+        title: 'Add Comment',
+        input: 'textarea',
+        inputPlaceholder: 'Type your comment here...',
+        showCancelButton: true,
+        confirmButtonText: 'Add Comment',
+        cancelButtonText: 'Cancel',
+        inputValidator: (value) => {
+            if (!value.trim()) {
+                return 'Comment content cannot be empty!';
+            }
+        }
+    });
+    return result.value;
+};
diff --git a/THE-M2M-SQUAD/Frontend/js/web3/config.js b/THE-M2M-SQUAD/Frontend/js/web3/config.js
new file mode 100644
index 000000000..a8b841a59
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/web3/config.js
@@ -0,0 +1,437 @@
+// export const CONTRACT_ADDRESS = 'Dff13b0xacC09486C9e34aa12E64d5482A3648D018';
+export const CONTRACT_ABI =[
+	{
+		"anonymous": false,
+		"inputs": [
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			},
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "commentId",
+				"type": "uint256"
+			},
+			{
+				"indexed": false,
+				"internalType": "address",
+				"name": "author",
+				"type": "address"
+			},
+			{
+				"indexed": false,
+				"internalType": "string",
+				"name": "message",
+				"type": "string"
+			},
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "timestamp",
+				"type": "uint256"
+			}
+		],
+		"name": "CommentAdded",
+		"type": "event"
+	},
+	{
+		"anonymous": false,
+		"inputs": [
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			},
+			{
+				"indexed": false,
+				"internalType": "address",
+				"name": "user",
+				"type": "address"
+			},
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "dislikes",
+				"type": "uint256"
+			}
+		],
+		"name": "PostDisliked",
+		"type": "event"
+	},
+	{
+		"anonymous": false,
+		"inputs": [
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			},
+			{
+				"indexed": false,
+				"internalType": "address",
+				"name": "user",
+				"type": "address"
+			},
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "likes",
+				"type": "uint256"
+			}
+		],
+		"name": "PostLiked",
+		"type": "event"
+	},
+	{
+		"anonymous": false,
+		"inputs": [
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			},
+			{
+				"indexed": false,
+				"internalType": "string",
+				"name": "newMessage",
+				"type": "string"
+			},
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "lastModified",
+				"type": "uint256"
+			}
+		],
+		"name": "PostModified",
+		"type": "event"
+	},
+	{
+		"anonymous": false,
+		"inputs": [
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			},
+			{
+				"indexed": false,
+				"internalType": "address",
+				"name": "author",
+				"type": "address"
+			},
+			{
+				"indexed": false,
+				"internalType": "string",
+				"name": "message",
+				"type": "string"
+			},
+			{
+				"indexed": false,
+				"internalType": "string",
+				"name": "imageUrl",
+				"type": "string"
+			},
+			{
+				"indexed": false,
+				"internalType": "uint256",
+				"name": "timestamp",
+				"type": "uint256"
+			}
+		],
+		"name": "PostPublished",
+		"type": "event"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			},
+			{
+				"internalType": "string",
+				"name": "_message",
+				"type": "string"
+			}
+		],
+		"name": "addComment",
+		"outputs": [],
+		"stateMutability": "nonpayable",
+		"type": "function"
+	},
+	{
+		"inputs": [],
+		"name": "coolNumber",
+		"outputs": [
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			}
+		],
+		"stateMutability": "view",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "index",
+				"type": "uint256"
+			}
+		],
+		"name": "dislikePost",
+		"outputs": [],
+		"stateMutability": "nonpayable",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "index",
+				"type": "uint256"
+			},
+			{
+				"internalType": "string",
+				"name": "newMessage",
+				"type": "string"
+			}
+		],
+		"name": "editPost",
+		"outputs": [],
+		"stateMutability": "nonpayable",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "commentId",
+				"type": "uint256"
+			}
+		],
+		"name": "getComment",
+		"outputs": [
+			{
+				"internalType": "string",
+				"name": "",
+				"type": "string"
+			},
+			{
+				"internalType": "address",
+				"name": "",
+				"type": "address"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			}
+		],
+		"stateMutability": "view",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "postId",
+				"type": "uint256"
+			}
+		],
+		"name": "getCommentsCount",
+		"outputs": [
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			}
+		],
+		"stateMutability": "view",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "index",
+				"type": "uint256"
+			}
+		],
+		"name": "getPost",
+		"outputs": [
+			{
+				"internalType": "string",
+				"name": "",
+				"type": "string"
+			},
+			{
+				"internalType": "string",
+				"name": "",
+				"type": "string"
+			},
+			{
+				"internalType": "address",
+				"name": "",
+				"type": "address"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			}
+		],
+		"stateMutability": "view",
+		"type": "function"
+	},
+	{
+		"inputs": [],
+		"name": "getTotalPosts",
+		"outputs": [
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			}
+		],
+		"stateMutability": "view",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "index",
+				"type": "uint256"
+			}
+		],
+		"name": "likePost",
+		"outputs": [],
+		"stateMutability": "nonpayable",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "",
+				"type": "uint256"
+			}
+		],
+		"name": "posts",
+		"outputs": [
+			{
+				"internalType": "string",
+				"name": "message",
+				"type": "string"
+			},
+			{
+				"internalType": "string",
+				"name": "imageUrl",
+				"type": "string"
+			},
+			{
+				"internalType": "address",
+				"name": "author",
+				"type": "address"
+			},
+			{
+				"internalType": "uint256",
+				"name": "timestamp",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "lastModified",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "likes",
+				"type": "uint256"
+			},
+			{
+				"internalType": "uint256",
+				"name": "dislikes",
+				"type": "uint256"
+			}
+		],
+		"stateMutability": "view",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "string",
+				"name": "_message",
+				"type": "string"
+			},
+			{
+				"internalType": "string",
+				"name": "_imageUrl",
+				"type": "string"
+			}
+		],
+		"name": "publishPost",
+		"outputs": [],
+		"stateMutability": "nonpayable",
+		"type": "function"
+	},
+	{
+		"inputs": [
+			{
+				"internalType": "uint256",
+				"name": "_coolNumber",
+				"type": "uint256"
+			}
+		],
+		"name": "setCoolNumber",
+		"outputs": [],
+		"stateMutability": "nonpayable",
+		"type": "function"
+	}
+];
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Frontend/js/web3/postManager.js b/THE-M2M-SQUAD/Frontend/js/web3/postManager.js
new file mode 100644
index 000000000..e43026ca5
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/web3/postManager.js
@@ -0,0 +1,325 @@
+import Web3 from 'web3';
+import { CONTRACT_ABI } from '../web3/config.js';
+import { showToast, showEditDialog, showCommentDialog } from '../utils/notifications.js';
+import { formatDistanceToNow } from 'date-fns';
+
+export class PostManager {
+    constructor(container) {
+        this.container = container;
+        this.web3 = null;
+        this.contract = null;
+        this.account = null;
+        this.isLoading = false;
+    }
+
+    async init(address) { 
+        if (window.ethereum) { 
+            this.web3 = new Web3(window.ethereum); 
+        try { 
+            const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' }); 
+            this.account = this.web3.utils.toChecksumAddress(accounts[0]); 
+            this.contract = new this.web3.eth.Contract(CONTRACT_ABI, address); 
+            // Setup event listeners 
+            window.ethereum.on('accountsChanged', (accounts) => this.handleAccountChange(accounts)); 
+            window.ethereum.on('chainChanged', () => window.location.reload()); 
+            
+            return true; 
+        } catch (error) { 
+            showToast('Failed to connect wallet: ' + error.message, 'error'); 
+            return false; } 
+        } else { 
+            showToast('Please install MetaMask', 'warning'); 
+            return false; 
+        } 
+    }
+
+
+    async handleAccountChange(accounts) {
+                if (accounts.length === 0) {
+                    this.account = null;
+                    showToast('Please connect to MetaMask', 'warning');
+                } else {
+                    this.account = this.web3.utils.toChecksumAddress(accounts[0]);
+                    showToast('Account changed successfully', 'success');
+                    await this.loadPosts();
+                }
+    }
+        
+    async loadPosts() {
+        if (!this.contract) return;
+    
+        try {
+            this.isLoading = true;
+            this.showLoadingState();
+    
+            // Convert totalPosts from BigInt to Number explicitly
+            const totalPosts = Number(await this.contract.methods.getTotalPosts().call());
+            const posts = [];
+    
+            for (let i = totalPosts - 1; i >= 0; i--) {
+                const post = await this.contract.methods.getPost(i).call();
+                const comments = await this.loadComments(i); // Load comments for each post
+    
+                posts.push({
+                    index: i,
+                    message: post[0],
+                    imageUrl: post[1], // Include the image URL
+                    author: post[2],
+                    timestamp: Number(post[3]) * 1000, // Convert BigInt to Number
+                    lastModified: Number(post[4]) * 1000, // Convert BigInt to Number
+                    likes: Number(post[5]), // Convert BigInt to Number
+                    dislikes: Number(post[6]), // Convert BigInt to Number
+                    comments: comments // Add comments to the post
+                });
+            }
+    
+            this.renderPosts(posts);
+        } catch (error) {
+            showToast('Failed to load posts: ' + error.message, 'error');
+        } finally {
+            this.isLoading = false;
+        }
+    }
+
+    async loadComments(postIndex) {
+        try {
+            const totalComments = await this.contract.methods.getCommentsCount(postIndex).call();
+            const comments = [];
+    
+            for (let i = 0; i < totalComments; i++) {
+                const comment = await this.contract.methods.getComment(postIndex, i).call();
+    
+                comments.push({
+                    message: comment[0],
+                    author: comment[1],
+                    timestamp: Number(comment[2]) * 1000, // Convert BigInt to Number
+                    likes: Number(comment[3]), // Convert BigInt to Number
+                    dislikes: Number(comment[4]) // Convert BigInt to Number
+                });
+            }
+    
+            return comments;
+        } catch (error) {
+            showToast('Failed to load comments: ' + error.message, 'error');
+            return [];
+        }
+    }
+
+    async publishPost() {
+        const content = document.getElementById('post-message').value.trim();
+        const imageInput = document.getElementById('post-image');
+        const file = imageInput.files[0];
+        let imageUrl = '';
+
+        if (!content && !file) {
+            showToast('Post content cannot be empty', 'warning');
+            return;
+        }
+
+        if (file) {
+            const reader = new FileReader();
+            reader.onloadend = () => {
+                imageUrl = reader.result;
+
+                this.contract.methods.publishPost(content, imageUrl).send({ from: this.account })
+                    .then(async () => {
+                        showToast('Post published successfully!', 'success');
+                        await this.loadPosts();
+                    })
+                    .catch(error => {
+                        if (error.code === 4001) {
+                            showToast('Transaction cancelled by user', 'info');
+                        } else {
+                            showToast('Failed to publish post: ' + error.message, 'error');
+                        }
+                    });
+            };
+            reader.readAsDataURL(file); // Convert image to Base64 string
+        } else {
+            this.contract.methods.publishPost(content, imageUrl).send({ from: this.account })
+                .then(async () => {
+                    showToast('Post published successfully!', 'success');
+                    await this.loadPosts();
+                })
+                .catch(error => {
+                    if (error.code === 4001) {
+                        showToast('Transaction cancelled by user', 'info');
+                    } else {
+                        showToast('Failed to publish post: ' + error.message, 'error');
+                    }
+                });
+        }
+    }
+
+    async handlePostAction(action, index) {
+        try {
+            switch (action) {
+                case 'like':
+                    await this.contract.methods.likePost(index)
+                        .send({ from: this.account });
+                    showToast('Post liked!', 'success');
+                    break;
+                    
+                case 'dislike':
+                    await this.contract.methods.dislikePost(index)
+                        .send({ from: this.account });
+                    showToast('Post disliked!', 'success');
+                    break;
+                    
+                case 'edit':
+                    const post = await this.contract.methods.getPost(index).call();
+                    const newContent = await showEditDialog(post[0]);
+                    if (newContent) {
+                        await this.contract.methods.editPost(index, newContent)
+                            .send({ from: this.account });
+                        showToast('Post updated successfully!', 'success');
+                    }
+                    break;
+
+                case 'comment':
+                    const commentContent = await showCommentDialog();
+                    if (commentContent) {
+                        await this.addComment(index, commentContent);
+                    }
+                    break;
+            }
+            
+            await this.loadPosts();
+        } catch (error) {
+            if (error.code === 4001) {
+                showToast('Transaction cancelled by user', 'info');
+            } else {
+                showToast(`Failed to ${action} post: ` + error.message, 'error');
+            }
+        }
+    }
+
+    showLoadingState() {
+        this.container.innerHTML = `
+            <div class="loading-spinner">
+                <i class="fas fa-spinner fa-spin"></i>
+                <p>Loading posts...</p>
+            </div>`;
+    }
+
+    renderPosts(posts) {
+        this.container.innerHTML = posts.map(post => this.createPostElement(post)).join('');
+        this.attachEventListeners();
+    }
+
+    createPostElement(post) {
+        const isAuthor = post.author.toLowerCase() === this.account?.toLowerCase();
+        
+        return `
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+
+        
+            <div class="post" data-index="${post.index}">
+                <div class="post-header">
+                    <span class="author">
+                        <i class="fas fa-user-md"></i>
+                        ${post.author.slice(0, 6)}...${post.author.slice(-4)}
+                    </span>
+                    <span class="timestamp">
+                        <i class="fas fa-clock"></i>
+                        ${formatDistanceToNow(post.timestamp)} ago
+                    </span>
+                </div>
+                
+                <div class="post-content">
+                    ${post.message}
+                </div>
+                
+                ${post.imageUrl ? `<img src="${post.imageUrl}" alt="Post image" class="post-image">` : ''}
+                
+                <div class="post-actions">
+                    <button class="action-btn like-btn" data-action="like">
+                        <i class="fas fa-thumbs-up"></i>
+                        <span>${post.likes}</span>
+                    </button>
+                    <button class="action-btn dislike-btn" data-action="dislike">
+                        <i class="fas fa-thumbs-down"></i>
+                        <span>${post.dislikes}</span>
+                    </button>
+                    ${isAuthor ? `
+                        <button class="action-btn edit-btn" data-action="edit">
+                            <i class="fas fa-edit"></i>
+                            Edit
+                        </button>
+                    ` : ''}
+                    <button class="action-btn comment-btn" data-action="comment">
+                        <i class="fas fa-comment-alt"></i>
+                        Comment
+                    </button>
+                </div>
+                
+                ${post.lastModified > post.timestamp ? `
+                    <div class="post-edited">
+                        <i class="fas fa-pencil-alt"></i>
+                        Edited ${formatDistanceToNow(post.lastModified)} ago
+                    </div>
+                ` : ''}
+
+                <div class="comments">
+                    ${post.comments.map(comment => `
+                        <div class="comment">
+                            <div class="comment-header">
+                                <span class="author">${comment.author.slice(0, 6)}...${comment.author.slice(-4)}</span>
+                                <span class="timestamp">${formatDistanceToNow(comment.timestamp)} ago</span>
+                            </div>
+                            <div class="comment-content">${comment.message}</div>
+                        </div>
+                    `).join('')}
+                </div>
+            </div>
+
+        
+        `;
+    }
+
+    attachEventListeners() {
+        this.container.querySelectorAll('.action-btn').forEach(button => {
+            button.addEventListener('click', async (e) => {
+                const action = button.dataset.action;
+                const postElement = button.closest('.post');
+                const index = postElement.dataset.index;
+                
+                await this.handlePostAction(action, index);
+            });
+        });
+    }
+
+    async addComment(postIndex, comment) {
+        if (!comment.trim()) {
+            showToast('Comment content cannot be empty', 'warning');
+            return;
+        }
+
+        try {
+            await this.contract.methods.addComment(postIndex, comment)
+                .send({ from: this.account });
+            showToast('Comment added successfully!', 'success');
+            await this.loadPosts();
+        } catch (error) {
+            if (error.code === 4001) {
+                showToast('Transaction cancelled by user', 'info');
+            } else {
+                showToast('Failed to add comment: ' + error.message, 'error');
+            }
+        }
+    }
+
+    disconnect() {
+        this.account = null;
+        this.contract = null;
+        this.clearPosts();
+        document.getElementById('connect-wallet').classList.remove('hidden');
+        document.getElementById('disconnect-wallet').classList.add('hidden');
+        showToast('Disconnected successfully', 'info');
+    }
+
+    clearPosts() {
+        this.container.innerHTML = ''; // Remove all posts from the container
+    }
+    
+} 
diff --git a/THE-M2M-SQUAD/Frontend/js/web3/posts.js b/THE-M2M-SQUAD/Frontend/js/web3/posts.js
new file mode 100644
index 000000000..6994cc4de
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/web3/posts.js
@@ -0,0 +1,47 @@
+import { getContract } from './wallet.js';
+import { formatDistanceToNow } from 'date-fns';
+
+export async function publishPost(message) {
+    const contract = getContract();
+    const tx = await contract.publishPost(message);
+    await tx.wait();
+}
+
+export async function editPost(index, newMessage) {
+    const contract = getContract();
+    const tx = await contract.editPost(index, newMessage);
+    await tx.wait();
+}
+
+export async function likePost(index) {
+    const contract = getContract();
+    const tx = await contract.likePost(index);
+    await tx.wait();
+}
+
+export async function dislikePost(index) {
+    const contract = getContract();
+    const tx = await contract.dislikePost(index);
+    await tx.wait();
+}
+
+export async function loadPosts() {
+    const contract = getContract();
+    const totalPosts = await contract.getTotalPosts();
+    const posts = [];
+
+    for (let i = totalPosts - 1; i >= 0; i--) {
+        const [message, author, timestamp, lastModified, likes, dislikes] = await contract.getPost(i);
+        posts.push({
+            index: i,
+            message,
+            author,
+            timestamp: Number(timestamp) * 1000,
+            lastModified: Number(lastModified) * 1000,
+            likes: Number(likes),
+            dislikes: Number(dislikes)
+        });
+    }
+
+    return posts;
+}
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Frontend/js/web3/wallet.js b/THE-M2M-SQUAD/Frontend/js/web3/wallet.js
new file mode 100644
index 000000000..a91bca0c2
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/web3/wallet.js
@@ -0,0 +1,38 @@
+import { ethers } from 'ethers';
+import { CONTRACT_ADDRESS, CONTRACT_ABI } from './config.js';
+
+let provider;
+let signer;
+let contract;
+
+export async function connectWallet() {
+    try {
+        if (!window.ethereum) {
+            throw new Error('MetaMask not detected. Please install MetaMask.');
+        }
+
+        provider = new ethers.BrowserProvider(window.ethereum);
+        const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
+        signer = await provider.getSigner();
+        contract = new ethers.Contract(CONTRACT_ADDRESS, CONTRACT_ABI, signer);
+
+        return {
+            address: accounts[0],
+            contract
+        };
+    } catch (error) {
+        console.error('Error connecting wallet:', error);
+        throw error;
+    }
+}
+
+export function getContract() {
+    if (!contract) {
+        throw new Error('Wallet not connected');
+    }
+    return contract;
+}
+
+export function isConnected() {
+    return !!signer;
+}
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Frontend/js/web3/web3Client.js b/THE-M2M-SQUAD/Frontend/js/web3/web3Client.js
new file mode 100644
index 000000000..1d0628d13
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/js/web3/web3Client.js
@@ -0,0 +1,42 @@
+import Web3 from 'web3';
+import { CONTRACT_ADDRESS, CONTRACT_ABI } from './config.js';
+import { showToast } from '../utils/notifications.js';
+
+let web3;
+let contract;
+let account;
+
+export const getWeb3Instance = () => web3;
+export const getContract = () => contract;
+export const getCurrentAccount = () => account;
+
+export const initWeb3 = async () => {
+    if (window.ethereum) {
+        web3 = new Web3(window.ethereum);
+        try {
+            const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
+            account = Web3.utils.toChecksumAddress(accounts[0]);
+            contract = new web3.eth.Contract(CONTRACT_ABI, CONTRACT_ADDRESS);
+            
+            // Setup event listeners for account changes
+            window.ethereum.on('accountsChanged', handleAccountsChanged);
+            window.ethereum.on('chainChanged', () => window.location.reload());
+            
+            return { account, contract };
+        } catch (error) {
+            throw new Error('User denied account access');
+        }
+    } else {
+        throw new Error('Please install MetaMask');
+    }
+};
+
+const handleAccountsChanged = async (accounts) => {
+    if (accounts.length === 0) {
+        showToast('Please connect to MetaMask', 'warning');
+    } else {
+        account = Web3.utils.toChecksumAddress(accounts[0]);
+        showToast('Account changed successfully', 'success');
+        window.location.reload();
+    }
+};
\ No newline at end of file
diff --git a/THE-M2M-SQUAD/Frontend/package-lock.json b/THE-M2M-SQUAD/Frontend/package-lock.json
new file mode 100644
index 000000000..7268ecf92
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/package-lock.json
@@ -0,0 +1,1981 @@
+{
+  "name": "medical-dashboard",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "medical-dashboard",
+      "version": "1.0.0",
+      "dependencies": {
+        "@fortawesome/fontawesome-free": "^6.5.1",
+        "date-fns": "^2.30.0",
+        "jspdf": "^2.5.2",
+        "sweetalert2": "^11.10.5",
+        "toastify-js": "^1.12.0",
+        "web3": "^4.5.0"
+      },
+      "devDependencies": {
+        "vite": "^5.1.4"
+      }
+    },
+    "node_modules/@adraffy/ens-normalize": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.10.1.tgz",
+      "integrity": "sha512-96Z2IP3mYmF1Xg2cDm8f1gWGf/HUVedQ3FMifV4kG/PQ4yEP51xDtRAEfhVNt5f/uzpNkZHwWQuUcu6D6K+Ekw=="
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@ethereumjs/rlp": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@ethereumjs/rlp/-/rlp-4.0.1.tgz",
+      "integrity": "sha512-tqsQiBQDQdmPWE1xkkBq4rlSW5QZpLOUJ5RJh2/9fug+q9tnUhuZoVLk7s0scUIKTOzEtR72DFBXI4WiZcMpvw==",
+      "bin": {
+        "rlp": "bin/rlp"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-free": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.7.1.tgz",
+      "integrity": "sha512-ALIk/MOh5gYe1TG/ieS5mVUsk7VUIJTJKPMK9rFFqOgfp0Q3d5QiBXbcOMwUvs37fyZVCz46YjOE6IFeOAXCHA==",
+      "license": "(CC-BY-4.0 AND OFL-1.1 AND MIT)",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.4.tgz",
+      "integrity": "sha512-2Y3JT6f5MrQkICUyRVCw4oa0sutfAsgaSsb0Lmmy1Wi2y7X5vT9Euqw4gOsCyy0YfKURBg35nhUKZS4mDcfULw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.4.tgz",
+      "integrity": "sha512-wzKRQXISyi9UdCVRqEd0H4cMpzvHYt1f/C3CoIjES6cG++RHKhrBj2+29nPF0IB5kpy9MS71vs07fvrNGAl/iA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.4.tgz",
+      "integrity": "sha512-PlNiRQapift4LNS8DPUHuDX/IdXiLjf8mc5vdEmUR0fF/pyy2qWwzdLjB+iZquGr8LuN4LnUoSEvKRwjSVYz3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.4.tgz",
+      "integrity": "sha512-o9bH2dbdgBDJaXWJCDTNDYa171ACUdzpxSZt+u/AAeQ20Nk5x+IhA+zsGmrQtpkLiumRJEYef68gcpn2ooXhSQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.4.tgz",
+      "integrity": "sha512-NBI2/i2hT9Q+HySSHTBh52da7isru4aAAo6qC3I7QFVsuhxi2gM8t/EI9EVcILiHLj1vfi+VGGPaLOUENn7pmw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.4.tgz",
+      "integrity": "sha512-wYcC5ycW2zvqtDYrE7deary2P2UFmSh85PUpAx+dwTCO9uw3sgzD6Gv9n5X4vLaQKsrfTSZZ7Z7uynQozPVvWA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.4.tgz",
+      "integrity": "sha512-9OwUnK/xKw6DyRlgx8UizeqRFOfi9mf5TYCw1uolDaJSbUmBxP85DE6T4ouCMoN6pXw8ZoTeZCSEfSaYo+/s1w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.4.tgz",
+      "integrity": "sha512-Vgdo4fpuphS9V24WOV+KwkCVJ72u7idTgQaBoLRD0UxBAWTF9GWurJO9YD9yh00BzbkhpeXtm6na+MvJU7Z73A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.4.tgz",
+      "integrity": "sha512-pleyNgyd1kkBkw2kOqlBx+0atfIIkkExOTiifoODo6qKDSpnc6WzUY5RhHdmTdIJXBdSnh6JknnYTtmQyobrVg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.4.tgz",
+      "integrity": "sha512-caluiUXvUuVyCHr5DxL8ohaaFFzPGmgmMvwmqAITMpV/Q+tPoaHZ/PWa3t8B2WyoRcIIuu1hkaW5KkeTDNSnMA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.4.tgz",
+      "integrity": "sha512-FScrpHrO60hARyHh7s1zHE97u0KlT/RECzCKAdmI+LEoC1eDh/RDji9JgFqyO+wPDb86Oa/sXkily1+oi4FzJQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.4.tgz",
+      "integrity": "sha512-qyyprhyGb7+RBfMPeww9FlHwKkCXdKHeGgSqmIXw9VSUtvyFZ6WZRtnxgbuz76FK7LyoN8t/eINRbPUcvXB5fw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.4.tgz",
+      "integrity": "sha512-PFz+y2kb6tbh7m3A7nA9++eInGcDVZUACulf/KzDtovvdTizHpZaJty7Gp0lFwSQcrnebHOqxF1MaKZd7psVRg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.4.tgz",
+      "integrity": "sha512-Ni8mMtfo+o/G7DVtweXXV/Ol2TFf63KYjTtoZ5f078AUgJTmaIJnj4JFU7TK/9SVWTaSJGxPi5zMDgK4w+Ez7Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.4.tgz",
+      "integrity": "sha512-5AeeAF1PB9TUzD+3cROzFTnAJAcVUGLuR8ng0E0WXGkYhp6RD6L+6szYVX+64Rs0r72019KHZS1ka1q+zU/wUw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.4.tgz",
+      "integrity": "sha512-yOpVsA4K5qVwu2CaS3hHxluWIK5HQTjNV4tWjQXluMiiiu4pJj4BN98CvxohNCpcjMeTXk/ZMJBRbgRg8HBB6A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.4.tgz",
+      "integrity": "sha512-KtwEJOaHAVJlxV92rNYiG9JQwQAdhBlrjNRp7P9L8Cb4Rer3in+0A+IPhJC9y68WAi9H0sX4AiG2NTsVlmqJeQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.4.tgz",
+      "integrity": "sha512-3j4jx1TppORdTAoBJRd+/wJRGCPC0ETWkXOecJ6PPZLj6SptXkrXcNqdj0oclbKML6FkQltdz7bBA3rUSirZug==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@scure/base": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@scure/base/-/base-1.1.9.tgz",
+      "integrity": "sha512-8YKhl8GHiNI/pU2VMaofa2Tor7PJRAjwQLBBuilkJ9L5+13yVbC7JO/wS7piioAvPSwR3JKM1IJ/u4xQzbcXKg==",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip32/-/bip32-1.4.0.tgz",
+      "integrity": "sha512-sVUpc0Vq3tXCkDGYVWGIZTRfnvu8LoTDaev7vbwh0omSvVORONr960MQWdKqJDCReIEmTj3PAr73O3aoxz7OPg==",
+      "dependencies": {
+        "@noble/curves": "~1.4.0",
+        "@noble/hashes": "~1.4.0",
+        "@scure/base": "~1.1.6"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32/node_modules/@noble/curves": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.4.2.tgz",
+      "integrity": "sha512-TavHr8qycMChk8UwMld0ZDRvatedkzWfH8IiaeGCfymOP5i0hSCozz9vHOL0nkwk7HRMlFnAiKpS2jrUmSybcw==",
+      "dependencies": {
+        "@noble/hashes": "1.4.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip32/node_modules/@noble/hashes": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.4.0.tgz",
+      "integrity": "sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip39": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@scure/bip39/-/bip39-1.3.0.tgz",
+      "integrity": "sha512-disdg7gHuTDZtY+ZdkmLpPCk7fxZSu3gBiEGuoC1XYxv9cGx3Z6cpTggCgW6odSOOIXCiDjuGejW+aJKCY/pIQ==",
+      "dependencies": {
+        "@noble/hashes": "~1.4.0",
+        "@scure/base": "~1.1.6"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@scure/bip39/node_modules/@noble/hashes": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.4.0.tgz",
+      "integrity": "sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "22.7.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.5.tgz",
+      "integrity": "sha512-jML7s2NAzMWc//QSJ1a3prpk78cOPchGvXJsC3C6R6PSMoooztvRVQEz89gmBTBY1SPMaqo5teB4uNHPdetShQ==",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "node_modules/@types/raf": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz",
+      "integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/ws": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
+      "integrity": "sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/abitype": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/abitype/-/abitype-0.7.1.tgz",
+      "integrity": "sha512-VBkRHTDZf9Myaek/dO3yMmOzB/y2s3Zo6nVU7yaw1G+TvCHAjwaJzNGN9yo4K5D8bU/VZXKP1EJpRhFr862PlQ==",
+      "peerDependencies": {
+        "typescript": ">=4.9.4",
+        "zod": "^3 >=3.19.1"
+      },
+      "peerDependenciesMeta": {
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "atob": "bin/atob.js"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/btoa": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
+      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "btoa": "bin/btoa.js"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/canvg": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.10.tgz",
+      "integrity": "sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@types/raf": "^3.4.0",
+        "core-js": "^3.8.3",
+        "raf": "^3.4.1",
+        "regenerator-runtime": "^0.13.7",
+        "rgbcolor": "^1.0.1",
+        "stackblur-canvas": "^2.0.0",
+        "svg-pathdata": "^6.0.3"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/canvg/node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/core-js": {
+      "version": "3.39.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.39.0.tgz",
+      "integrity": "sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/cross-fetch": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-4.0.0.tgz",
+      "integrity": "sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==",
+      "dependencies": {
+        "node-fetch": "^2.6.12"
+      }
+    },
+    "node_modules/css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "engines": {
+        "node": ">=0.11"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/date-fns"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.7.tgz",
+      "integrity": "sha512-2q4bEI+coQM8f5ez7kt2xclg1XsecaV9ASJk/54vwlfRRNQfDqJz2pzQ8t0Ix/ToBpXlVjrRIx7pFC/o8itG2Q==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optional": true
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/ethereum-cryptography": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ethereum-cryptography/-/ethereum-cryptography-2.2.1.tgz",
+      "integrity": "sha512-r/W8lkHSiTLxUxW8Rf3u4HGB0xQweG2RyETjywylKZSzLWoWAijRz8WCuOtJ6wah+avllXBqZuk29HCCvhEIRg==",
+      "dependencies": {
+        "@noble/curves": "1.4.2",
+        "@noble/hashes": "1.4.0",
+        "@scure/bip32": "1.4.0",
+        "@scure/bip39": "1.3.0"
+      }
+    },
+    "node_modules/ethereum-cryptography/node_modules/@noble/curves": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@noble/curves/-/curves-1.4.2.tgz",
+      "integrity": "sha512-TavHr8qycMChk8UwMld0ZDRvatedkzWfH8IiaeGCfymOP5i0hSCozz9vHOL0nkwk7HRMlFnAiKpS2jrUmSybcw==",
+      "dependencies": {
+        "@noble/hashes": "1.4.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/ethereum-cryptography/node_modules/@noble/hashes": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.4.0.tgz",
+      "integrity": "sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+    },
+    "node_modules/fflate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
+      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
+      "license": "MIT"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "dependencies": {
+        "which-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isomorphic-ws": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz",
+      "integrity": "sha512-muId7Zzn9ywDsyXgTIafTry2sV3nySZeUDe6YedVd1Hvuuep5AsIlqK+XefWpYTyJG5e503F2xIuT2lcU6rCSw==",
+      "peerDependencies": {
+        "ws": "*"
+      }
+    },
+    "node_modules/jspdf": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-2.5.2.tgz",
+      "integrity": "sha512-myeX9c+p7znDWPk0eTrujCzNjT+CXdXyk7YmJq5nD5V7uLLKmSXnlQ/Jn/kuo3X09Op70Apm0rQSnFWyGK8uEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "atob": "^2.1.2",
+        "btoa": "^1.2.1",
+        "fflate": "^0.8.1"
+      },
+      "optionalDependencies": {
+        "canvg": "^3.0.6",
+        "core-js": "^3.6.0",
+        "dompurify": "^2.5.4",
+        "html2canvas": "^1.0.0-rc.5"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.49",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "performance-now": "^2.1.0"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
+    "node_modules/rgbcolor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
+      "integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==",
+      "license": "MIT OR SEE LICENSE IN FEEL-FREE.md",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.8.15"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.27.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.27.4.tgz",
+      "integrity": "sha512-RLKxqHEMjh/RGLsDxAEsaLO3mWgyoU6x9w6n1ikAzet4B3gI2/3yP6PWY2p9QzRTh6MfEIXB3MwsOY0Iv3vNrw==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.6"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.27.4",
+        "@rollup/rollup-android-arm64": "4.27.4",
+        "@rollup/rollup-darwin-arm64": "4.27.4",
+        "@rollup/rollup-darwin-x64": "4.27.4",
+        "@rollup/rollup-freebsd-arm64": "4.27.4",
+        "@rollup/rollup-freebsd-x64": "4.27.4",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.27.4",
+        "@rollup/rollup-linux-arm-musleabihf": "4.27.4",
+        "@rollup/rollup-linux-arm64-gnu": "4.27.4",
+        "@rollup/rollup-linux-arm64-musl": "4.27.4",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.27.4",
+        "@rollup/rollup-linux-riscv64-gnu": "4.27.4",
+        "@rollup/rollup-linux-s390x-gnu": "4.27.4",
+        "@rollup/rollup-linux-x64-gnu": "4.27.4",
+        "@rollup/rollup-linux-x64-musl": "4.27.4",
+        "@rollup/rollup-win32-arm64-msvc": "4.27.4",
+        "@rollup/rollup-win32-ia32-msvc": "4.27.4",
+        "@rollup/rollup-win32-x64-msvc": "4.27.4",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stackblur-canvas": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz",
+      "integrity": "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.1.14"
+      }
+    },
+    "node_modules/svg-pathdata": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz",
+      "integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/sweetalert2": {
+      "version": "11.14.5",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.14.5.tgz",
+      "integrity": "sha512-8MWk5uc/r6bWhiJWkUXyEuApfXAhSCZT8FFX7pZXL7YwaPxq+9Ynhi2dUzWkOFn9jvLjKj22CXuccZ+IHcnjvQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/limonte"
+      }
+    },
+    "node_modules/text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/toastify-js": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/toastify-js/-/toastify-js-1.12.0.tgz",
+      "integrity": "sha512-HeMHCO9yLPvP9k0apGSdPUWrUbLnxUKNFzgUoZp1PHCLploIX/4DSQ7V8H25ef+h4iO9n0he7ImfcndnN6nDrQ==",
+      "license": "MIT"
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+    },
+    "node_modules/typescript": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
+      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
+    },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
+    "node_modules/utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
+      "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/web3": {
+      "version": "4.15.0",
+      "resolved": "https://registry.npmjs.org/web3/-/web3-4.15.0.tgz",
+      "integrity": "sha512-0QWDWE4gDWldXb4KWq++K8m/A9zsR0LpJLtVT39/b4OjfdW0d4mE0qAUd3UocxuKTh1eG5pOCfumbGS5l6p1qg==",
+      "dependencies": {
+        "web3-core": "^4.7.0",
+        "web3-errors": "^1.3.0",
+        "web3-eth": "^4.11.0",
+        "web3-eth-abi": "^4.4.0",
+        "web3-eth-accounts": "^4.3.0",
+        "web3-eth-contract": "^4.7.1",
+        "web3-eth-ens": "^4.4.0",
+        "web3-eth-iban": "^4.0.7",
+        "web3-eth-personal": "^4.1.0",
+        "web3-net": "^4.1.0",
+        "web3-providers-http": "^4.2.0",
+        "web3-providers-ws": "^4.0.8",
+        "web3-rpc-methods": "^1.3.0",
+        "web3-rpc-providers": "^1.0.0-rc.3",
+        "web3-types": "^1.9.0",
+        "web3-utils": "^4.3.2",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14.0.0",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/web3-core/-/web3-core-4.7.0.tgz",
+      "integrity": "sha512-skP4P56fhlrE+rIuS4WY9fTdja1DPml2xrrDmv+vQhPtmSFBs7CqesycIRLQh4dK1D4de/a23tkX6DLYdUt3nA==",
+      "dependencies": {
+        "web3-errors": "^1.3.0",
+        "web3-eth-accounts": "^4.2.1",
+        "web3-eth-iban": "^4.0.7",
+        "web3-providers-http": "^4.2.0",
+        "web3-providers-ws": "^4.0.8",
+        "web3-types": "^1.8.1",
+        "web3-utils": "^4.3.2",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      },
+      "optionalDependencies": {
+        "web3-providers-ipc": "^4.0.7"
+      }
+    },
+    "node_modules/web3-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/web3-errors/-/web3-errors-1.3.0.tgz",
+      "integrity": "sha512-j5JkAKCtuVMbY3F5PYXBqg1vWrtF4jcyyMY1rlw8a4PV67AkqlepjGgpzWJZd56Mt+TvHy6DA1F/3Id8LatDSQ==",
+      "dependencies": {
+        "web3-types": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-eth": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/web3-eth/-/web3-eth-4.11.0.tgz",
+      "integrity": "sha512-nZIJ/8FOOj5aEXoS8p9puuX5jLyzewZv3nXqoKNtu531/vA/yIiU/EtPnAV62RvVMcbDSiF/BLVFdBZCsVMJbg==",
+      "dependencies": {
+        "setimmediate": "^1.0.5",
+        "web3-core": "^4.7.0",
+        "web3-errors": "^1.3.0",
+        "web3-eth-abi": "^4.4.0",
+        "web3-eth-accounts": "^4.3.0",
+        "web3-net": "^4.1.0",
+        "web3-providers-ws": "^4.0.8",
+        "web3-rpc-methods": "^1.3.0",
+        "web3-types": "^1.9.0",
+        "web3-utils": "^4.3.2",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-eth-abi": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/web3-eth-abi/-/web3-eth-abi-4.4.0.tgz",
+      "integrity": "sha512-RQzt9W93OgFBwOdNGcc9ulCyYt4zmRAMkKGbEdp3wcN4vmwTlRhh21+akj2ND4bg3C3RUiP4yprYgDEyN0/Fmg==",
+      "dependencies": {
+        "abitype": "0.7.1",
+        "web3-errors": "^1.3.0",
+        "web3-types": "^1.9.0",
+        "web3-utils": "^4.3.2",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-eth-accounts": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/web3-eth-accounts/-/web3-eth-accounts-4.3.0.tgz",
+      "integrity": "sha512-7UX3rJiNgHYoqrO1WRPks/9J5Mh2x5N9HAd9QsOM8zfKY2rwSyCIIQM03OFXDEQRZ/ztycKTHgeLStmhlUUKIQ==",
+      "dependencies": {
+        "@ethereumjs/rlp": "^4.0.1",
+        "crc-32": "^1.2.2",
+        "ethereum-cryptography": "^2.0.0",
+        "web3-errors": "^1.3.0",
+        "web3-types": "^1.9.0",
+        "web3-utils": "^4.3.2",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-eth-contract": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/web3-eth-contract/-/web3-eth-contract-4.7.1.tgz",
+      "integrity": "sha512-D9nHCclq4lj2CX1sOrGga1UFA9CNBWZV6NGwNr6WjbBGIFl9ui2mivE9c3vNGEfSMnvKEq/zE83N+eGOwcWZlg==",
+      "dependencies": {
+        "@ethereumjs/rlp": "^5.0.2",
+        "web3-core": "^4.7.0",
+        "web3-errors": "^1.3.0",
+        "web3-eth": "^4.11.0",
+        "web3-eth-abi": "^4.4.0",
+        "web3-types": "^1.9.0",
+        "web3-utils": "^4.3.2",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-eth-contract/node_modules/@ethereumjs/rlp": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@ethereumjs/rlp/-/rlp-5.0.2.tgz",
+      "integrity": "sha512-DziebCdg4JpGlEqEdGgXmjqcFoJi+JGulUXwEjsZGAscAQ7MyD/7LE/GVCP29vEQxKc7AAwjT3A2ywHp2xfoCA==",
+      "bin": {
+        "rlp": "bin/rlp.cjs"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/web3-eth-ens": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/web3-eth-ens/-/web3-eth-ens-4.4.0.tgz",
+      "integrity": "sha512-DeyVIS060hNV9g8dnTx92syqvgbvPricE3MerCxe/DquNZT3tD8aVgFfq65GATtpCgDDJffO2bVeHp3XBemnSQ==",
+      "dependencies": {
+        "@adraffy/ens-normalize": "^1.8.8",
+        "web3-core": "^4.5.0",
+        "web3-errors": "^1.2.0",
+        "web3-eth": "^4.8.0",
+        "web3-eth-contract": "^4.5.0",
+        "web3-net": "^4.1.0",
+        "web3-types": "^1.7.0",
+        "web3-utils": "^4.3.0",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-eth-iban": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/web3-eth-iban/-/web3-eth-iban-4.0.7.tgz",
+      "integrity": "sha512-8weKLa9KuKRzibC87vNLdkinpUE30gn0IGY027F8doeJdcPUfsa4IlBgNC4k4HLBembBB2CTU0Kr/HAOqMeYVQ==",
+      "dependencies": {
+        "web3-errors": "^1.1.3",
+        "web3-types": "^1.3.0",
+        "web3-utils": "^4.0.7",
+        "web3-validator": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-eth-personal": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/web3-eth-personal/-/web3-eth-personal-4.1.0.tgz",
+      "integrity": "sha512-RFN83uMuvA5cu1zIwwJh9A/bAj0OBxmGN3tgx19OD/9ygeUZbifOL06jgFzN0t+1ekHqm3DXYQM8UfHpXi7yDQ==",
+      "dependencies": {
+        "web3-core": "^4.6.0",
+        "web3-eth": "^4.9.0",
+        "web3-rpc-methods": "^1.3.0",
+        "web3-types": "^1.8.0",
+        "web3-utils": "^4.3.1",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-net": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/web3-net/-/web3-net-4.1.0.tgz",
+      "integrity": "sha512-WWmfvHVIXWEoBDWdgKNYKN8rAy6SgluZ0abyRyXOL3ESr7ym7pKWbfP4fjApIHlYTh8tNqkrdPfM4Dyi6CA0SA==",
+      "dependencies": {
+        "web3-core": "^4.4.0",
+        "web3-rpc-methods": "^1.3.0",
+        "web3-types": "^1.6.0",
+        "web3-utils": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-providers-http": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/web3-providers-http/-/web3-providers-http-4.2.0.tgz",
+      "integrity": "sha512-IPMnDtHB7dVwaB7/mMxAZzyq7d5ezfO1+Vw0bNfAeIi7gaDlJiggp85SdyAfOgov8AMUA/dyiY72kQ0KmjXKvQ==",
+      "dependencies": {
+        "cross-fetch": "^4.0.0",
+        "web3-errors": "^1.3.0",
+        "web3-types": "^1.7.0",
+        "web3-utils": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-providers-ipc": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/web3-providers-ipc/-/web3-providers-ipc-4.0.7.tgz",
+      "integrity": "sha512-YbNqY4zUvIaK2MHr1lQFE53/8t/ejHtJchrWn9zVbFMGXlTsOAbNoIoZWROrg1v+hCBvT2c9z8xt7e/+uz5p1g==",
+      "optional": true,
+      "dependencies": {
+        "web3-errors": "^1.1.3",
+        "web3-types": "^1.3.0",
+        "web3-utils": "^4.0.7"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-providers-ws": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/web3-providers-ws/-/web3-providers-ws-4.0.8.tgz",
+      "integrity": "sha512-goJdgata7v4pyzHRsg9fSegUG4gVnHZSHODhNnn6J93ykHkBI1nz4fjlGpcQLUMi4jAMz6SHl9Ibzs2jj9xqPw==",
+      "dependencies": {
+        "@types/ws": "8.5.3",
+        "isomorphic-ws": "^5.0.0",
+        "web3-errors": "^1.2.0",
+        "web3-types": "^1.7.0",
+        "web3-utils": "^4.3.1",
+        "ws": "^8.17.1"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-rpc-methods": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/web3-rpc-methods/-/web3-rpc-methods-1.3.0.tgz",
+      "integrity": "sha512-/CHmzGN+IYgdBOme7PdqzF+FNeMleefzqs0LVOduncSaqsppeOEoskLXb2anSpzmQAP3xZJPaTrkQPWSJMORig==",
+      "dependencies": {
+        "web3-core": "^4.4.0",
+        "web3-types": "^1.6.0",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-rpc-providers": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/web3-rpc-providers/-/web3-rpc-providers-1.0.0-rc.3.tgz",
+      "integrity": "sha512-aeFPYgvHjsf2yQi3CSQA9Ie4xnmO7VmNkY098rA7AWvhgyjVgIWlrVgZjUn55FXtthbiiTRm/CLriv99UeOfGQ==",
+      "dependencies": {
+        "web3-errors": "^1.3.0",
+        "web3-providers-http": "^4.2.0",
+        "web3-providers-ws": "^4.0.8",
+        "web3-types": "^1.9.0",
+        "web3-utils": "^4.3.2",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-types": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/web3-types/-/web3-types-1.9.0.tgz",
+      "integrity": "sha512-I520KBPoXqEaM/ybj6xHD1E3gRb8/WdudLQaRBvJNQSSfHuPW9P2sD59mbhm6dsKtnje+T90dIxSyzVVFlEdlg==",
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-utils": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/web3-utils/-/web3-utils-4.3.2.tgz",
+      "integrity": "sha512-bEFpYEBMf6ER78Uvj2mdsCbaLGLK9kABOsa3TtXOEEhuaMy/RK0KlRkKoZ2vmf/p3hB8e1q5erknZ6Hy7AVp7A==",
+      "dependencies": {
+        "ethereum-cryptography": "^2.0.0",
+        "eventemitter3": "^5.0.1",
+        "web3-errors": "^1.3.0",
+        "web3-types": "^1.8.1",
+        "web3-validator": "^2.0.6"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/web3-validator": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/web3-validator/-/web3-validator-2.0.6.tgz",
+      "integrity": "sha512-qn9id0/l1bWmvH4XfnG/JtGKKwut2Vokl6YXP5Kfg424npysmtRLe9DgiNBM9Op7QL/aSiaA0TVXibuIuWcizg==",
+      "dependencies": {
+        "ethereum-cryptography": "^2.0.0",
+        "util": "^0.12.5",
+        "web3-errors": "^1.2.0",
+        "web3-types": "^1.6.0",
+        "zod": "^3.21.4"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6.12.0"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.16.tgz",
+      "integrity": "sha512-g+N+GAWiRj66DngFwHvISJd+ITsyphZvD1vChfVg6cEdnzy53GzB3oy0fUNlvhz7H7+MiqhYr26qxQShCpKTTQ==",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.23.8",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
+      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/THE-M2M-SQUAD/Frontend/package.json b/THE-M2M-SQUAD/Frontend/package.json
new file mode 100644
index 000000000..05f8f2735
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "medical-dashboard",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "start": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "start-backend": "python3 -m flask run --host=0.0.0.0 --port=5000"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "date-fns": "^2.30.0",
+    "jspdf": "^2.5.2",
+    "sweetalert2": "^11.10.5",
+    "toastify-js": "^1.12.0",
+    "web3": "^4.5.0"
+  },
+  "devDependencies": {
+    "vite": "^5.1.4"
+  }
+}
diff --git a/THE-M2M-SQUAD/Frontend/page2.html b/THE-M2M-SQUAD/Frontend/page2.html
new file mode 100644
index 000000000..e205da965
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/page2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Other page</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="stylesheet" href="styles.css" />
+    <script type="module" src="script.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+  </head>
+  <body>
+    <nav>
+      <a href="/">Home</a>
+      <a href="/page2.html" aria-current="page">Other page</a>
+    </nav>
+    <main>
+      <h1>My other page</h1>
+    </main>
+  </body>
+</html>
diff --git a/THE-M2M-SQUAD/Frontend/script.js b/THE-M2M-SQUAD/Frontend/script.js
new file mode 100644
index 000000000..9e281f18d
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/script.js
@@ -0,0 +1,2 @@
+console.log('Hello!');
+
diff --git a/THE-M2M-SQUAD/Frontend/styles.css b/THE-M2M-SQUAD/Frontend/styles.css
new file mode 100644
index 000000000..a530a7052
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/styles.css
@@ -0,0 +1,46 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, sans-serif;
+  color: black;
+  background-color: white;
+}
+
+nav {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem;
+  gap: 0.5rem;
+  border-bottom: solid 1px #aaa;
+  background-color: #eee;
+}
+
+nav a {
+  display: inline-block;
+  min-width: 9rem;
+  padding: 0.5rem;
+  border-radius: 0.2rem;
+  border: solid 1px #aaa;
+  text-align: center;
+  text-decoration: none;
+  color: #555;
+}
+
+nav a[aria-current='page'] {
+  color: #000;
+  background-color: #d4d4d4;
+}
+
+main {
+  padding: 1rem;
+}
+
+h1 {
+  font-weight: bold;
+  font-size: 1.5rem;
+}
diff --git a/THE-M2M-SQUAD/Frontend/vite.config.js b/THE-M2M-SQUAD/Frontend/vite.config.js
new file mode 100644
index 000000000..bfed2813b
--- /dev/null
+++ b/THE-M2M-SQUAD/Frontend/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:5000',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, '')
+      }
+    }
+  }
+});
\ No newline at end of file