wallet apps update (#12627)

## Description 

Describe the changes or additions included in this PR.

- Switch to tailwind and remove scss for connected apps
- Clicking on the App in the all apps section take you to the app site
- UI fixes


<img width="406" alt="Screenshot 2023-06-22 at 11 40 16 AM"
src="https://github.com/MystenLabs/sui/assets/126525197/c4efa732-74b1-4302-97c1-f40a17cb26da">
<img width="394" alt="Screenshot 2023-06-22 at 11 39 50 AM"
src="https://github.com/MystenLabs/sui/assets/126525197/8c2e0d8c-e53d-4be0-b785-66e8e3c98e38">
<img width="384" alt="Screenshot 2023-06-22 at 11 39 00 AM"
src="https://github.com/MystenLabs/sui/assets/126525197/9d407af1-4cd9-458e-bd40-03ce893ad467">

<img width="395" alt="Screenshot 2023-06-22 at 11 38 53 AM"
src="https://github.com/MystenLabs/sui/assets/126525197/c55f97e8-5530-4bab-9cb9-5a11e481fd4d">

apps/wallet/src/ui/app/components/sui-apps/ConnectedAppsCard.tsx

@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { useFeature } from '@growthbook/growthbook-react';
-import cl from 'classnames';
 import { useEffect, useMemo } from 'react';
 
 import { useBackgroundClient } from '../../hooks/useBackgroundClient';
@@ -16,8 +15,6 @@ import { useAppSelector } from '_hooks';
 import { FEATURES } from '_src/shared/experimentation/features';
 import { prepareLinkToCompare } from '_src/shared/utils';
 
-import st from './Playground.module.scss';
-
 const emptyArray: DAppEntry[] = [];
 
 function ConnectedDapps() {
@@ -75,7 +72,7 @@ function ConnectedDapps() {
 				</Text>
 			</div>
 
-			<div className={cl(st.apps, st.appCards)}>
+			<div className="mb-28 grid gap-3.75 grid-cols-2">
 				{connectedApps.length ? (
 					connectedApps.map((app) => <SuiApp key={app.permissionID} {...app} displayType="card" />)
 				) : (