Add connected-sites component to Storybook (#11415)

* connectd-sites

* fix image path for storybook

* lintfixd, namechange

.storybook/test-data.js

@@ -562,6 +562,12 @@ const state = {
         "icon": "https://metamask.github.io/test-dapp/metamask-fox.svg",
         "lastUpdated": 1620723443380,
         "host": "metamask.github.io"
+      },
+      "https://app.uniswap.org": {
+        "name": "Uniswap",
+        "icon": "./UNI.png",
+        "lastUpdated": 1620723443380,
+        "host": "app.uniswap.org"
       }
     },
     "threeBoxSyncingAllowed": false,

ui/pages/connected-sites/connected-sites.stories.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import ConnectedSites from '.';
+
+export default {
+  title: 'Connected Sites',
+};
+
+const PageSet = ({ children }) => {
+  return children;
+};
+
+export const ConnectedSitesComponent = () => {
+  return (
+    <PageSet>
+      <ConnectedSites />
+    </PageSet>
+  );
+};