style: improve Dropdown transitions and animations, remove unused SpeedtestContext logic

client/src/common/components/Dropdown/DropdownComponent.jsx

@@ -18,7 +18,6 @@ import {
 import {ConfigContext} from "@/common/contexts/Config";
 import {StatusContext} from "@/common/contexts/Status";
 import {InputDialogContext} from "@/common/contexts/InputDialog";
-import {SpeedtestContext} from "@/common/contexts/Speedtests";
 import {baseRequest, jsonRequest, patchRequest, postRequest} from "@/common/utils/RequestUtil";
 import {creditsInfo, recommendationsInfo} from "@/common/components/Dropdown/utils/infos";
 import {levelOptions, selectOptions} from "@/common/components/Dropdown/utils/options";
@@ -38,7 +37,6 @@ const DropdownComponent = ({isOpen, switchDropdown}) => {
     const findNode = useContext(NodeContext)[4];
     const updateNodes = useContext(NodeContext)[1];
     const currentNode = useContext(NodeContext)[2];
-    const updateTests = useContext(SpeedtestContext)[1];
     const updateToast = useContext(ToastNotificationContext);
     const [setDialog] = useContext(InputDialogContext);
     const [showIntegrationDialog, setShowIntegrationDialog] = useState(false);

client/src/common/components/Dropdown/styles.sass

@@ -3,7 +3,8 @@
 .dropdown
   visibility: visible
   opacity: 1
-  transition: all 0.15s linear
+  transition: all 0.15s ease-in-out
+  transform: translateX(0) translateY(0) scale(1)
   user-select: none
 
 .dropdown-content

client/src/common/styles/default.sass

@@ -64,18 +64,20 @@ main
 @keyframes fadeIn
   0%
     opacity: 0
-    transform: scale(0.4)
-    filter: blur(5px)
+    transform: scale(0.8) translateY(3rem)
+    filter: blur(3px)
   100%
     opacity: 1
+    transform: scale(1) translateY(0)
 
 @keyframes fadeOut
   0%
     opacity: 1
+    transform: scale(1) translateY(0)
   100%
     opacity: 0
-    transform: scale(0.4)
-    filter: blur(5px)
+    transform: scale(0.4) translateY(4rem)
+    filter: blur(3px)
 
 @media (max-width: 730px)
   ::-webkit-scrollbar