add the fade out effect

Author: medyo

src/assets/App.css

@@ -496,6 +496,7 @@ a {
   gap: 4px;
   margin-top: 24px;
   transition: all 0.3s ease-out;
+  opacity: 1;
 }
 
 .tag {
@@ -779,6 +780,7 @@ Producthunt item
   margin: 0 auto;
   margin-top: 6px;
   transition: all 0.3s ease-out;
+  opacity: 1;
 }
 .searchBarIcon {
   position: absolute;

src/components/Layout/DNDLayout/DNDLayout.css

@@ -1,11 +1,13 @@
 .dndState .AppHeader .searchBar {
   visibility: hidden;
   transform: translate(0, 10px);
+  opacity: 0;
 }
 .dndState .tags {
   visibility: hidden;
+  opacity: 0;
   transform: translate(0, 10px);
-  filter: blur(2px);
+  filter: blur(1px);
 }
 
 .DNDContent {