Add animations to Installation Wizard

package.json

@@ -43,6 +43,7 @@
     "@stylelint/postcss-css-in-js": "^0.38.0",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
+    "@types/react-transition-group": "^4.4.5",
     "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.49.0",
     "@typescript-eslint/parser": "^5.49.0",
@@ -77,7 +78,9 @@
     "copy-to-clipboard": "^3.3.3",
     "date-fns": "^2.29.3",
     "react": "^18.2.0",
+    "react-cool-dimensions": "^3.0.1",
     "react-dom": "^18.2.0",
+    "react-transition-group": "^4.4.5",
     "styled-components": "^5.3.6"
   }
 }

src/components/Assets/AssetList/index.tsx

@@ -1,11 +1,11 @@
 import { useMemo, useState } from "react";
 import { AssetEntry as AssetEntryComponent } from "../../common/AssetEntry";
-import { ChevronIcon } from "../../common/icons/ChevronIcon";
-import { DIRECTION } from "../../common/icons/types";
 import { Menu } from "../../common/Menu";
 import { Popover } from "../../common/Popover";
 import { PopoverContent } from "../../common/Popover/PopoverContent";
 import { PopoverTrigger } from "../../common/Popover/PopoverTrigger";
+import { ChevronIcon } from "../../common/icons/ChevronIcon";
+import { DIRECTION } from "../../common/icons/types";
 import { getAssetTypeInfo } from "../utils";
 import * as s from "./styles";
 import {
@@ -206,7 +206,8 @@ export const AssetList = (props: AssetListProps) => {
         </s.List>
       ) : (
         <s.NoDataText>
-          Not seeing your data here? Maybe you’re missing some instrumentation!
+          Not seeing your data here? Maybe you&apos;re missing some
+          instrumentation!
         </s.NoDataText>
       )}
     </s.Container>

src/components/Assets/AssetList/styles.ts

@@ -68,14 +68,6 @@ export const ListItem = styled.li`
   display: flex;
 `;
 
-export const Link = styled.a`
-  color: #7891d0;
-  text-decoration: none;
-  font-weight: 500;
-  font-size: 12px;
-  line-height: 14px;
-`;
-
 export const NoDataText = styled.span`
   padding: 10px;
   font-weight: 500;