Merge branch 'develop' of github.com:atlp-rwanda/e-commerce-ninjas-fe into ft-become-seller

Author: Aime-Patrick

Diff for: package-lock.json

@@ -29,6 +29,7 @@
     "jwt-decode": "^4.0.0",
     "mini-css-extract-plugin": "^2.9.0",
     "pdfjs-dist": "^4.5.136",
+    "papaparse": "^5.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-fast-marquee": "^1.6.5",
@@ -45,6 +46,7 @@
     "save-dev": "0.0.1-security",
     "socket.io-client": "^4.7.5",
     "ts-loader": "^9.5.1",
+    "xlsx": "^0.18.5",
     "yup": "^1.4.0"
   },
   "devDependencies": {
@@ -72,6 +74,7 @@
     "@types/jest": "^29.5.12",
     "@types/mini-css-extract-plugin": "^2.5.1",
     "@types/node": "^20.14.9",
+    "@types/papaparse": "^5.3.14",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-helmet": "^6.1.11",

Diff for: package.json

@@ -48,3 +48,4 @@
 @import "./assets/styles/requests.scss";
 @import "./assets/styles/AboutUs.scss";
 @import "./assets/styles/UserDetails.scss";
+@import "./assets/styles/SellerRegistration.scss"

Diff for: public/assets/images/Na_Dec_44.jpg

@@ -341,21 +341,37 @@
           }
         }
 
-        .monthDropDown {
-          .dropdown-button {
-            background-color: #ff7300;
-            color: #fff;
-            border: none;
-            padding: 5px 10px;
-            border-radius: 5px;
-            cursor: pointer;
-            font-size: 14px;
-
-            .arrow-down {
-              margin-left: 5px;
+        .export-section{
+          display: flex;
+          gap: 10px;
+          .monthDropDown {
+            .dropdown-button {
+              background-color: #ff7300;
+              color: #fff;
+              border: none;
+              padding: 5px 10px;
+              border-radius: 5px;
+              cursor: pointer;
+              font-size: 14px;
+  
+              .arrow-down {
+                margin-left: 5px;
+              }
             }
           }
+          .export-btn{
+            background-color: #0f8615;
+              color: #fff;
+              border: none;
+              padding: 5px 10px;
+              border-radius: 5px;
+              cursor: pointer;
+              font-size: 14px;
+              display: flex;
+              gap: 4px;
+          }
         }
+
       }
     }
 }