Add fade transition

package-lock.json

@@ -12,6 +12,7 @@
         "react": "18.1.0",
         "react-dom": "18.1.0",
         "react-icons": "^4.4.0",
+        "react-transition-group": "^4.4.2",
         "reactstrap": "^9.1.1",
         "sass": "^1.52.2"
       },
@@ -19,6 +20,7 @@
         "@types/node": "17.0.40",
         "@types/react": "18.0.11",
         "@types/react-dom": "18.0.5",
+        "@types/react-transition-group": "^4.4.4",
         "eslint": "8.17.0",
         "eslint-config-next": "12.1.6",
         "typescript": "4.7.3"
@@ -370,6 +372,15 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
+      "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
@@ -3381,6 +3392,15 @@
         "@types/react": "*"
       }
     },
+    "@types/react-transition-group": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
+      "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/scheduler": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",