shovee: all create and update form

.eslintrc.json

@@ -1,3 +1,47 @@
 {
-  "extends": "next/core-web-vitals"
-}
+  "extends": "next/core-web-vitals",
+  "rules": {
+    "no-multiple-empty-lines": [
+      "error",
+      {
+        "max": 2
+      }
+    ],
+    "import/no-duplicates": "error",
+    "import/order": [
+      "error",
+      {
+        "groups": [
+          [
+            "builtin",
+            "external"
+          ],
+          "internal",
+          [
+            "parent",
+            "sibling",
+            "index"
+          ]
+        ],
+        "newlines-between": "always"
+      }
+    ],
+    "quotes": [
+      "error",
+      "double"
+    ],
+    "react/jsx-max-props-per-line": [
+      "error",
+      {
+        "maximum": 4
+      }
+    ],
+    "react/jsx-sort-props": [
+      "error",
+      {
+        "ignoreCase": true
+      }
+    ],
+    "react/self-closing-comp": "error"
+  }
+}

next.config.js

@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  images: { domains: ["res.cloudinary.com"] }
 }
 
 module.exports = nextConfig

package.json

@@ -12,13 +12,17 @@
     "@reduxjs/toolkit": "^1.9.6",
     "autoprefixer": "10.4.16",
     "axios": "^1.5.1",
+    "browser-image-compression": "^2.0.2",
     "eslint": "8.50.0",
     "eslint-config-next": "13.5.3",
     "firebase": "^10.4.0",
     "mongoose": "^7.5.3",
     "next": "13.5.3",
+    "nodemailer": "^6.9.5",
     "postcss": "8.4.31",
     "react": "18.2.0",
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-debounce-input": "^3.3.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.11.0",
     "react-redux": "^8.1.2",

src/components/application/boxes/savedEducationBox.jsx

@@ -20,9 +20,13 @@ export const SavedEducationBox = ({
 
   //   Edit Education
   const editEducation = (i) => {
-    setFileInputValue("");
+    if (setFileInputValue) setFileInputValue("");
     setEducationArray(educationArray.filter((education, index) => index !== i));
     setEducationForm(educationArray[i]);
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth", // Use smooth scrolling animation
+    });
   };
 
   //   Move Up Education
@@ -119,4 +123,3 @@ export const SavedEducationBox = ({
     </div>
   );
 };
-

src/components/application/boxes/savedExperienceBox.jsx

@@ -24,7 +24,10 @@ export const SavedExperienceBox = ({
       experienceArray.filter((experience, index) => index !== i)
     );
     setExperienceForm(experienceArray[i]);
-    scrollTo(0, 0);
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth", // Use smooth scrolling animation
+    });
   };
 
   // Move Up

src/components/application/boxes/savedProjectBox.jsx

@@ -20,10 +20,13 @@ export const SavedProjectBox = ({
 
   // Edit Project
   const editProject = (i) => {
-    setFileInputValue("");
+    if (setFileInputValue) setFileInputValue("");
     setProjectArray(projectArray.filter((project, index) => index !== i));
     setProjectForm(projectArray[i]);
-    scrollTo(0, 0);
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth", // Use smooth scrolling animation
+    });
   };
 
   // Move Up

src/components/application/layout/alert/LiveAlert.jsx

@@ -14,7 +14,7 @@ export const LiveAlert = ({ liveAlert, userName, firstName }) => {
           "py-3 px-5 w-fit m-auto bg-green-600 flex items-center gap-8 rounded"
         }
       >
-        <div className='flex flex-col items-center gap-5'>
+        <div className='text-white flex flex-col items-center gap-5'>
           <AiOutlineCheckCircle size={100} />
           <div className='flex flex-col gap-5'>
             <p className='text-white font-semibold'>