diff --git a/package.json b/package.json
index 7bd730b..fccbd61 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "start:backend": "scripts/start-backend.sh",
     "build:backend": "scripts/build-backend.sh",
     "check:backend": "tsc -p packages/backend --noEmit",
-    "build:shared": "tsc -p packages/shared",
-    "check:shared": "tsc -p packages/shared --noEmit"
+    "build:common": "tsc -p packages/common",
+    "check:common": "tsc -p packages/common --noEmit"
   }
 }
diff --git a/packages/backend/src/aggregator.ts b/packages/backend/src/aggregator.ts
index 1995156..d743211 100644
--- a/packages/backend/src/aggregator.ts
+++ b/packages/backend/src/aggregator.ts
@@ -1,11 +1,12 @@
 import * as EventEmitter from 'events';
 import Node from './node';
-import Feed, { FeedData } from './feed';
-import { Types, IdSet } from '@dotstats/common';
+import Feed from './feed';
+import { Types, IdSet, FeedMessage } from '@dotstats/common';
 
 export default class Aggregator extends EventEmitter {
     private nodes = new IdSet<Types.NodeId, Node>();
     private feeds = new IdSet<Types.FeedId, Feed>();
+    private messages: Array<FeedMessage.Message> = [];
 
     public height = 0 as Types.BlockNumber;
 
@@ -33,12 +34,14 @@ export default class Aggregator extends EventEmitter {
     public addFeed(feed: Feed) {
         this.feeds.add(feed);
 
-        feed.send(Feed.bestBlock(this.height));
+        const messages = [Feed.bestBlock(this.height)];
 
         for (const node of this.nodes.values()) {
-            feed.send(Feed.addedNode(node));
+            messages.push(Feed.addedNode(node));
         }
 
+        feed.sendMessages(messages);
+
         feed.once('disconnect', () => {
             this.feeds.remove(feed);
         });
@@ -48,9 +51,20 @@ export default class Aggregator extends EventEmitter {
         return this.nodes.values();
     }
 
-    private broadcast(data: FeedData) {
-        for (const feed of this.feeds.values()) {
-            feed.send(data);
+    private broadcast(message: FeedMessage.Message) {
+        const queue = this.messages.length === 0;
+
+        this.messages.push(message);
+
+        if (queue) {
+            process.nextTick(() => {
+                const data = FeedMessage.serialize(this.messages);
+                this.messages = [];
+
+                for (const feed of this.feeds.values()) {
+                    feed.sendData(data);
+                }
+            });
         }
     }
 
diff --git a/packages/backend/src/feed.ts b/packages/backend/src/feed.ts
index b5b02e9..18a7fd2 100644
--- a/packages/backend/src/feed.ts
+++ b/packages/backend/src/feed.ts
@@ -1,20 +1,10 @@
 import * as WebSocket from 'ws';
 import * as EventEmitter from 'events';
 import Node from './node';
-import { Opaque, Types, idGenerator } from '@dotstats/common';
+import { Opaque, FeedMessage, Types, idGenerator } from '@dotstats/common';
 
 const nextId = idGenerator<Types.FeedId>();
-
-/**
- * Opaque data type to be sent to the feed. Passing through
- * strings means we can only serialize once, no matter how
- * many feed clients are listening in.
- */
-export type FeedData = Opaque<string, Types.FeedMessage>;
-
-function serialize(msg: Types.FeedMessage): FeedData {
-    return JSON.stringify(msg) as FeedData;
-}
+const { Actions } = FeedMessage;
 
 export default class Feed extends EventEmitter {
     public id: Types.FeedId;
@@ -31,45 +21,49 @@ export default class Feed extends EventEmitter {
         socket.on('close', () => this.disconnect());
     }
 
-    public static bestBlock(height: Types.BlockNumber): FeedData {
-        return serialize({
-            action: 'best',
+    public static bestBlock(height: Types.BlockNumber): FeedMessage.Message {
+        return {
+            action: Actions.BestBlock,
             payload: height
-        });
+        };
     }
 
-    public static addedNode(node: Node): FeedData {
-        return serialize({
-            action: 'added',
+    public static addedNode(node: Node): FeedMessage.Message {
+        return {
+            action: Actions.AddedNode,
             payload: [node.id, node.nodeDetails(), node.nodeStats(), node.blockDetails()]
-        })
+        };
     }
 
-    public static removedNode(node: Node): FeedData {
-        return serialize({
-            action: 'removed',
+    public static removedNode(node: Node): FeedMessage.Message {
+        return {
+            action: Actions.RemovedNode,
             payload: node.id
-        });
+        };
     }
 
-    public static imported(node: Node): FeedData {
-        return serialize({
-            action: 'imported',
+    public static imported(node: Node): FeedMessage.Message {
+        return {
+            action: Actions.ImportedBlock,
             payload: [node.id, node.blockDetails()]
-        });
+        };
     }
 
-    public static stats(node: Node): FeedData {
-        return serialize({
-            action: 'stats',
+    public static stats(node: Node): FeedMessage.Message {
+        return {
+            action: Actions.NodeStats,
             payload: [node.id, node.nodeStats()]
-        });
+        };
     }
 
-    public send(data: FeedData) {
+    public sendData(data: FeedMessage.Data) {
         this.socket.send(data);
     }
 
+    public sendMessages(messages: Array<FeedMessage.Message>) {
+        this.socket.send(FeedMessage.serialize(messages))
+    }
+
     private disconnect() {
         this.socket.removeAllListeners();
         this.socket.close();
diff --git a/packages/common/package.json b/packages/common/package.json
index 929e261..faf3f3e 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -5,6 +5,7 @@
   "license": "GPL-3.0",
   "description": "Shared utils and types for backend and frontend",
   "main": "build/index.js",
+  "types": "build/index.d.ts",
   "engines": {
     "node": ">=9.5"
   },
diff --git a/packages/common/src/feed.ts b/packages/common/src/feed.ts
new file mode 100644
index 0000000..9cadcc5
--- /dev/null
+++ b/packages/common/src/feed.ts
@@ -0,0 +1,100 @@
+import { Opaque } from './helpers';
+import { NodeId, NodeDetails, NodeStats, BlockNumber, BlockDetails } from './types';
+
+export const Actions = {
+    BestBlock: 0 as 0,
+    AddedNode: 1 as 1,
+    RemovedNode: 2 as 2,
+    ImportedBlock: 3 as 3,
+    NodeStats: 4 as 4,
+};
+
+export type Action = typeof Actions[keyof typeof Actions];
+export type Payload = Message['payload'];
+
+export namespace Variants {
+    export interface MessageBase {
+        action: Action;
+    }
+
+    export interface BestBlockMessage extends MessageBase {
+        action: typeof Actions.BestBlock;
+        payload: BlockNumber;
+    }
+
+    export interface AddedNodeMessage extends MessageBase {
+        action: typeof Actions.AddedNode;
+        payload: [NodeId, NodeDetails, NodeStats, BlockDetails];
+    }
+
+    export interface RemovedNodeMessage extends MessageBase {
+        action: typeof Actions.RemovedNode;
+        payload: NodeId;
+    }
+
+    export interface ImportedBlockMessage extends MessageBase {
+        action: typeof Actions.ImportedBlock;
+        payload: [NodeId, BlockDetails];
+    }
+
+    export interface NodeStatsMessage extends MessageBase {
+        action: typeof Actions.NodeStats;
+        payload: [NodeId, NodeStats];
+    };
+}
+
+export type Message =
+    | Variants.BestBlockMessage
+    | Variants.AddedNodeMessage
+    | Variants.RemovedNodeMessage
+    | Variants.ImportedBlockMessage
+    | Variants.NodeStatsMessage;
+
+/**
+ * Opaque data type to be sent to the feed. Passing through
+ * strings means we can only serialize once, no matter how
+ * many feed clients are listening in.
+ */
+export type Data = Opaque<string, 'FeedMessage.Data'>;
+
+/**
+ * Serialize an array of `Message`s to a single JSON string.
+ *
+ * All messages are squashed into a single array of alternating opcodes and payloads.
+ *
+ * Action `string`s are converted to opcodes using the `actionToCode` mapping.
+ */
+export function serialize(messages: Array<Message>): Data {
+    const squashed = new Array(messages.length * 2);
+    let index = 0;
+
+    messages.forEach((message) => {
+        const { action, payload } = message;
+
+        squashed[index++] = action;
+        squashed[index++] = payload;
+    })
+
+    return JSON.stringify(squashed) as Data;
+}
+
+/**
+ * Deserialize data to an array of `Message`s.
+ */
+export function deserialize(data: Data): Array<Message> {
+    const json: Array<Action | Payload> = JSON.parse(data);
+
+    if (!Array.isArray(json) || json.length === 0 || json.length % 2 !== 0) {
+        throw new Error('Invalid FeedMessage.Data');
+    }
+
+    const messages: Array<Message> = new Array(json.length / 2);
+
+    for (const index of messages.keys()) {
+        const [ action, payload ] = json.slice(index * 2);
+
+        messages[index] = { action, payload } as Message;
+    }
+
+    return messages;
+}
diff --git a/packages/common/src/helpers.ts b/packages/common/src/helpers.ts
index 458cd80..8eeea7c 100644
--- a/packages/common/src/helpers.ts
+++ b/packages/common/src/helpers.ts
@@ -1,8 +1,10 @@
+import { Milliseconds } from './types';
+
 /**
  * PhantomData akin to Rust, because sometimes you need to be smarter than
  * the compiler.
  */
-export class PhantomData<P> { private __PHANTOM__: P }
+export abstract class PhantomData<P> { private __PHANTOM__: P }
 
 /**
  * Opaque type, similar to `opaque type` in Flow, or new types in Rust/C.
@@ -20,3 +22,12 @@ export type Opaque<T, P> = T & PhantomData<P>;
  * Just a readable shorthand for null-ish-able types, akin to `T?` in Flow.
  */
 export type Maybe<T> = T | null | undefined;
+
+/**
+ * Asynchronous sleep
+ */
+export function sleep(time: Milliseconds): Promise<void> {
+    return new Promise<void>((resolve, _reject) => {
+        setTimeout(() => resolve(), time);
+    });
+}
diff --git a/packages/common/src/index.ts b/packages/common/src/index.ts
index f556d89..cee17ac 100644
--- a/packages/common/src/index.ts
+++ b/packages/common/src/index.ts
@@ -3,5 +3,6 @@ export * from './helpers';
 export * from './id';
 
 import * as Types from './types';
+import * as FeedMessage from './feed';
 
-export { Types };
+export { Types, FeedMessage };
diff --git a/packages/common/src/types.ts b/packages/common/src/types.ts
index 7ecaa97..d5e49c6 100644
--- a/packages/common/src/types.ts
+++ b/packages/common/src/types.ts
@@ -15,30 +15,3 @@ export type TransactionCount = Opaque<number, 'TransactionCount'>;
 export type BlockDetails = [BlockNumber, BlockHash, Milliseconds];
 export type NodeDetails = [NodeName, NodeImplementation, NodeVersion];
 export type NodeStats = [PeerCount, TransactionCount];
-
-interface BestBlock {
-    action: 'best';
-    payload: BlockNumber;
-}
-
-interface AddedNode {
-    action: 'added';
-    payload: [NodeId, NodeDetails, NodeStats, BlockDetails];
-}
-
-interface RemovedNode {
-    action: 'removed';
-    payload: NodeId;
-}
-
-interface Imported {
-    action: 'imported';
-    payload: [NodeId, BlockDetails];
-}
-
-interface Stats {
-    action: 'stats';
-    payload: [NodeId, NodeStats];
-}
-
-export type FeedMessage = BestBlock | AddedNode | RemovedNode | Imported | Stats;
diff --git a/packages/common/tsconfig.json b/packages/common/tsconfig.json
index ece6e20..56c3895 100644
--- a/packages/common/tsconfig.json
+++ b/packages/common/tsconfig.json
@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig",
   "compilerOptions": {
-    "outDir": "build"
+    "outDir": "build",
+    "declaration": true
   },
   "include": [
     "src/**/*.ts"
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 703a7aa..6e23c32 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -5,9 +5,10 @@
   "license": "GPL-3.0",
   "description": "Polkadot Telemetry frontend",
   "dependencies": {
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
-    "react-scripts-ts": "2.16.0"
+    "react": "16.4.0",
+    "react-dom": "16.4.0",
+    "react-scripts-ts": "2.16.0",
+    "react-svg": "^4.1.1"
   },
   "scripts": {
     "start": "react-scripts-ts start",
@@ -20,6 +21,7 @@
     "@types/node": "^10.3.2",
     "@types/react": "^16.3.17",
     "@types/react-dom": "^16.0.6",
+    "@types/react-svg": "^3.0.0",
     "typescript": "^2.9.2"
   }
 }
diff --git a/packages/frontend/public/favicon.ico b/packages/frontend/public/favicon.ico
deleted file mode 100644
index a11777c..0000000
Binary files a/packages/frontend/public/favicon.ico and /dev/null differ
diff --git a/packages/frontend/public/index.html b/packages/frontend/public/index.html
index ed0ebaf..d71ca30 100644
--- a/packages/frontend/public/index.html
+++ b/packages/frontend/public/index.html
@@ -4,37 +4,13 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <!-- <link rel="manifest" href="%PUBLIC_URL%/manifest.json"> -->
+    <title>Polkadot Telemetry</title>
   </head>
   <body>
     <noscript>
       You need to enable JavaScript to run this app.
     </noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/packages/frontend/public/manifest.json b/packages/frontend/public/manifest.json
deleted file mode 100644
index ef19ec2..0000000
--- a/packages/frontend/public/manifest.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": "./index.html",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/packages/frontend/src/App.css b/packages/frontend/src/App.css
index c5c6e8a..2ca0359 100644
--- a/packages/frontend/src/App.css
+++ b/packages/frontend/src/App.css
@@ -1,5 +1,8 @@
 .App {
   text-align: center;
+  background: #fff;
+  color: #000;
+  font-family: monospace, sans-serif;
 }
 
 .App-logo {
@@ -8,18 +11,18 @@
 }
 
 .App-header {
-  background-color: #222;
-  height: 150px;
+  font-size: 3em;
   padding: 20px;
-  color: white;
+  text-align: left;
 }
 
-.App-title {
-  font-size: 1.5em;
+.App-list {
+  padding: 20px;
 }
 
-.App-intro {
-  font-size: large;
+.App-list th, .App-list td {
+  text-align: left;
+  padding: 0.2em 0.5em;
 }
 
 @keyframes App-logo-spin {
diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
index 372bd1d..a3e1716 100644
--- a/packages/frontend/src/App.tsx
+++ b/packages/frontend/src/App.tsx
@@ -1,17 +1,18 @@
 import * as React from 'react';
-import './App.css';
 import { Types } from '@dotstats/common';
+import { Node } from './Node';
+import { Icon } from './Icon';
+import { Connection } from './message';
+import { State } from './state';
+import { formatNumber } from './utils';
 
-interface Node {
-    nodeDetails: Types.NodeDetails,
-    nodeStats: Types.NodeStats,
-    blockDetails: Types.BlockDetails,
-}
-
-interface State {
-    best: Types.BlockNumber,
-    nodes: Map<Types.NodeId, Node>
-}
+import './App.css';
+import nodeIcon from './icons/broadcast.svg';
+import nodeTypeIcon from './icons/device-desktop.svg';
+import peersIcon from './icons/organization.svg';
+import transactionsIcon from './icons/inbox.svg';
+import blockIcon from './icons/package.svg';
+import blockTimeIcon from './icons/history.svg';
 
 export default class App extends React.Component<{}, State> {
     public state: State = {
@@ -22,41 +23,29 @@ export default class App extends React.Component<{}, State> {
     constructor(props: {}) {
         super(props);
 
-        const socket = new WebSocket(`ws://${window.location.hostname}:8080`);
-
-        socket.addEventListener('message', ({ data }) => {
-            this.onMessage(JSON.parse(data));
-        });
+        this.connect();
     }
 
     public render() {
         return (
             <div className="App">
-                <p>Best block: {this.state.best}</p>
-                <table>
+                <div className="App-header">
+                    <Icon src={blockIcon} /> #{formatNumber(this.state.best)}
+                </div>
+                <table className="App-list">
                     <thead>
                         <tr>
-                            <th>Node Name</th><th>Node Type</th><th>Peers</th><th>Transactions</th><th>Last Block</th><th>Block Time</th>
+                            <th><Icon src={nodeIcon} /> Node</th>
+                            <th><Icon src={nodeTypeIcon} /> Type</th>
+                            <th><Icon src={peersIcon} /></th>
+                            <th><Icon src={transactionsIcon} /></th>
+                            <th><Icon src={blockIcon} /> Last Block</th>
+                            <th><Icon src={blockTimeIcon} /></th>
                         </tr>
                     </thead>
                     <tbody>
                     {
-                        this.nodes().map(([ id, node ]) => {
-                            const [name, implementation, version] = node.nodeDetails;
-                            const [height, hash, blockTime] = node.blockDetails;
-                            const [peers, txcount] = node.nodeStats;
-
-                            return (
-                                <tr key={id}>
-                                    <td>{name}</td>
-                                    <td>{implementation} v{version}</td>
-                                    <td>{peers}</td>
-                                    <td>{txcount}</td>
-                                    <td>{height} {hash}</td>
-                                    <td>{blockTime / 1000}s</td>
-                                </tr>
-                            );
-                        })
+                        this.nodes().map((props) => <Node key={props.id} {...props} />)
                     }
                     </tbody>
                 </table>
@@ -64,57 +53,17 @@ export default class App extends React.Component<{}, State> {
         );
     }
 
-    private nodes(): Array<[Types.NodeId, Node]> {
-        return Array.from(this.state.nodes.entries());
+    private async connect() {
+        Connection.create((changes) => {
+            if (changes) {
+                this.setState(changes);
+            }
+
+            return this.state;
+        });
     }
 
-    private onMessage(message: Types.FeedMessage) {
-        const { nodes } = this.state;
-
-        switch (message.action) {
-            case 'best': {
-                this.setState({ best: message.payload });
-            }
-            return;
-            case 'added': {
-                const [id, nodeDetails, nodeStats, blockDetails] = message.payload;
-                const node = { nodeDetails, nodeStats, blockDetails };
-
-                nodes.set(id, node);
-            }
-            break;
-            case 'removed': {
-                nodes.delete(message.payload);
-            }
-            break;
-            case 'imported': {
-                const [id, blockDetails] = message.payload;
-
-                const node = nodes.get(id);
-
-                if (!node) {
-                    return;
-                }
-
-                node.blockDetails = blockDetails;
-            }
-            break;
-            case 'stats': {
-                const [id, nodeStats] = message.payload;
-
-                const node = nodes.get(id);
-
-                if (!node) {
-                    return;
-                }
-
-                node.nodeStats = nodeStats;
-            }
-            break;
-            default:
-            return;
-        }
-
-        this.setState({ nodes });
+    private nodes(): Node.Props[] {
+        return Array.from(this.state.nodes.values());
     }
 }
diff --git a/packages/frontend/src/Icon.css b/packages/frontend/src/Icon.css
new file mode 100644
index 0000000..38da8fe
--- /dev/null
+++ b/packages/frontend/src/Icon.css
@@ -0,0 +1,11 @@
+.Icon {
+    fill: currentColor;
+    height: 1em;
+    vertical-align: middle;
+    display: inline-block;
+}
+
+.Icon svg {
+    width: auto;
+    height: 1em;
+}
diff --git a/packages/frontend/src/Icon.tsx b/packages/frontend/src/Icon.tsx
new file mode 100644
index 0000000..d20a30c
--- /dev/null
+++ b/packages/frontend/src/Icon.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+import ReactSVG from 'react-svg';
+import './Icon.css';
+
+export interface Props {
+    src: string,
+    className?: string,
+};
+
+export function Icon(props: Props) {
+    return <ReactSVG className={`Icon ${ props.className || '' }`} path={props.src} />;
+}
diff --git a/packages/frontend/src/Node.tsx b/packages/frontend/src/Node.tsx
new file mode 100644
index 0000000..b71e9f1
--- /dev/null
+++ b/packages/frontend/src/Node.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { formatNumber, trimHash } from './utils';
+import { Types } from '@dotstats/common';
+
+export namespace Node {
+    export interface Props {
+        id: Types.NodeId,
+        nodeDetails: Types.NodeDetails,
+        nodeStats: Types.NodeStats,
+        blockDetails: Types.BlockDetails,
+    }
+}
+
+export function Node(props: Node.Props) {
+    const [name, implementation, version] = props.nodeDetails;
+    const [height, hash, blockTime] = props.blockDetails;
+    const [peers, txcount] = props.nodeStats;
+
+    return (
+        <tr>
+            <td>{name}</td>
+            <td>{implementation} v{version}</td>
+            <td>{peers}</td>
+            <td>{txcount}</td>
+            <td>#{formatNumber(height)} / {trimHash(hash, 16)}</td>
+            <td>{blockTime / 1000}s</td>
+        </tr>
+    );
+}
diff --git a/packages/frontend/src/icons/alert.svg b/packages/frontend/src/icons/alert.svg
new file mode 100644
index 0000000..ca50ea8
--- /dev/null
+++ b/packages/frontend/src/icons/alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/archive.svg b/packages/frontend/src/icons/archive.svg
new file mode 100644
index 0000000..d1eaa21
--- /dev/null
+++ b/packages/frontend/src/icons/archive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 2H1v2h12V2zM0 4a1 1 0 0 0 1 1v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v2zm2 1h10v9H2V5zm2 3h6V7H4v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-down.svg b/packages/frontend/src/icons/arrow-down.svg
new file mode 100644
index 0000000..c1acf0a
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M7 7V3H3v4H0l5 6 5-6H7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-left.svg b/packages/frontend/src/icons/arrow-left.svg
new file mode 100644
index 0000000..f3cda4f
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M6 3L0 8l6 5v-3h4V6H6V3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-right.svg b/packages/frontend/src/icons/arrow-right.svg
new file mode 100644
index 0000000..04a4fbf
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 8L4 3v3H0v4h4v3l6-5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-small-down.svg b/packages/frontend/src/icons/arrow-small-down.svg
new file mode 100644
index 0000000..57c1ee8
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-small-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="16" viewBox="0 0 6 16"><path fill-rule="evenodd" d="M4 7V5H2v2H0l3 4 3-4H4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-small-left.svg b/packages/frontend/src/icons/arrow-small-left.svg
new file mode 100644
index 0000000..9fa227e
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-small-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="16" viewBox="0 0 6 16"><path fill-rule="evenodd" d="M4 7V5L0 8l4 3V9h2V7H4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-small-right.svg b/packages/frontend/src/icons/arrow-small-right.svg
new file mode 100644
index 0000000..bca6847
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-small-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="16" viewBox="0 0 6 16"><path fill-rule="evenodd" d="M6 8L2 5v2H0v2h2v2l4-3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-small-up.svg b/packages/frontend/src/icons/arrow-small-up.svg
new file mode 100644
index 0000000..6c132f1
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-small-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="16" viewBox="0 0 6 16"><path fill-rule="evenodd" d="M3 5L0 9h2v2h2V9h2L3 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/arrow-up.svg b/packages/frontend/src/icons/arrow-up.svg
new file mode 100644
index 0000000..63be890
--- /dev/null
+++ b/packages/frontend/src/icons/arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M5 3L0 9h3v4h4V9h3L5 3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/assets.d.ts b/packages/frontend/src/icons/assets.d.ts
new file mode 100644
index 0000000..dd4ab7e
--- /dev/null
+++ b/packages/frontend/src/icons/assets.d.ts
@@ -0,0 +1 @@
+declare module "*.svg";
diff --git a/packages/frontend/src/icons/beaker.svg b/packages/frontend/src/icons/beaker.svg
new file mode 100644
index 0000000..0997bb0
--- /dev/null
+++ b/packages/frontend/src/icons/beaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.38 14.59L11 7V3h1V2H3v1h1v4L.63 14.59A1 1 0 0 0 1.54 16h11.94c.72 0 1.2-.75.91-1.41h-.01zM3.75 10L5 7V3h5v4l1.25 3h-7.5zM8 8h1v1H8V8zM7 7H6V6h1v1zm0-3h1v1H7V4zm0-3H6V0h1v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/bell.svg b/packages/frontend/src/icons/bell.svg
new file mode 100644
index 0000000..171f84f
--- /dev/null
+++ b/packages/frontend/src/icons/bell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13.99 11.991v1H0v-1l.73-.58c.769-.769.809-2.547 1.189-4.416.77-3.767 4.077-4.996 4.077-4.996 0-.55.45-1 .999-1 .55 0 1 .45 1 1 0 0 3.387 1.229 4.156 4.996.38 1.879.42 3.657 1.19 4.417l.659.58h-.01zM6.995 15.99c1.11 0 1.999-.89 1.999-1.999H4.996c0 1.11.89 1.999 1.999 1.999z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/bold.svg b/packages/frontend/src/icons/bold.svg
new file mode 100644
index 0000000..d2f2995
--- /dev/null
+++ b/packages/frontend/src/icons/bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M1 2h3.83c2.48 0 4.3.75 4.3 2.95 0 1.14-.63 2.23-1.67 2.61v.06c1.33.3 2.3 1.23 2.3 2.86 0 2.39-1.97 3.52-4.61 3.52H1V2zm3.66 4.95c1.67 0 2.38-.66 2.38-1.69 0-1.17-.78-1.61-2.34-1.61H3.13v3.3h1.53zm.27 5.39c1.77 0 2.75-.64 2.75-1.98 0-1.27-.95-1.81-2.75-1.81h-1.8v3.8h1.8v-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/book.svg b/packages/frontend/src/icons/book.svg
new file mode 100644
index 0000000..d21fa56
--- /dev/null
+++ b/packages/frontend/src/icons/book.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3 5h4v1H3V5zm0 3h4V7H3v1zm0 2h4V9H3v1zm11-5h-4v1h4V5zm0 2h-4v1h4V7zm0 2h-4v1h4V9zm2-6v9c0 .55-.45 1-1 1H9.5l-1 1-1-1H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5.5l1 1 1-1H15c.55 0 1 .45 1 1zm-8 .5L7.5 3H2v9h6V3.5zm7-.5H9.5l-.5.5V12h6V3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/bookmark.svg b/packages/frontend/src/icons/bookmark.svg
new file mode 100644
index 0000000..de64157
--- /dev/null
+++ b/packages/frontend/src/icons/bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M9 0H1C.27 0 0 .27 0 1v15l5-3.09L10 16V1c0-.73-.27-1-1-1zm-.78 4.25L6.36 5.61l.72 2.16c.06.22-.02.28-.2.17L5 6.6 3.12 7.94c-.19.11-.25.05-.2-.17l.72-2.16-1.86-1.36c-.17-.16-.14-.23.09-.23l2.3-.03.7-2.16h.25l.7 2.16 2.3.03c.23 0 .27.08.09.23h.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/briefcase.svg b/packages/frontend/src/icons/briefcase.svg
new file mode 100644
index 0000000..5104b81
--- /dev/null
+++ b/packages/frontend/src/icons/briefcase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M9 4V3c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1v1H1c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1H9zM6 3h2v1H6V3zm7 6H8v1H6V9H1V5h1v3h10V5h1v4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/broadcast.svg b/packages/frontend/src/icons/broadcast.svg
new file mode 100644
index 0000000..ddc1458
--- /dev/null
+++ b/packages/frontend/src/icons/broadcast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M9 9H8c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1H6c-.55 0-1 .45-1 1v2h1v3c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-3h1v-2c0-.55-.45-1-1-1zM7 7h1v1H7V7zm2 4H8v4H7v-4H6v-1h3v1zm2.09-3.5c0-1.98-1.61-3.59-3.59-3.59A3.593 3.593 0 0 0 4 8.31v1.98c-.61-.77-1-1.73-1-2.8 0-2.48 2.02-4.5 4.5-4.5S12 5.01 12 7.49c0 1.06-.39 2.03-1 2.8V8.31c.06-.27.09-.53.09-.81zm3.91 0c0 2.88-1.63 5.38-4 6.63v-1.05a6.553 6.553 0 0 0 3.09-5.58A6.59 6.59 0 0 0 7.5.91 6.59 6.59 0 0 0 .91 7.5c0 2.36 1.23 4.42 3.09 5.58v1.05A7.497 7.497 0 0 1 7.5 0C11.64 0 15 3.36 15 7.5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/browser.svg b/packages/frontend/src/icons/browser.svg
new file mode 100644
index 0000000..00f512a
--- /dev/null
+++ b/packages/frontend/src/icons/browser.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M5 3h1v1H5V3zM3 3h1v1H3V3zM1 3h1v1H1V3zm12 10H1V5h12v8zm0-9H7V3h6v1zm1-1c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/bug.svg b/packages/frontend/src/icons/bug.svg
new file mode 100644
index 0000000..7518829
--- /dev/null
+++ b/packages/frontend/src/icons/bug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11 10h3V9h-3V8l3.17-1.03-.34-.94L11 7V6c0-.55-.45-1-1-1V4c0-.48-.36-.88-.83-.97L10.2 2H12V1H9.8l-2 2h-.59L5.2 1H3v1h1.8l1.03 1.03C5.36 3.12 5 3.51 5 4v1c-.55 0-1 .45-1 1v1l-2.83-.97-.34.94L4 8v1H1v1h3v1L.83 12.03l.34.94L4 12v1c0 .55.45 1 1 1h1l1-1V6h1v7l1 1h1c.55 0 1-.45 1-1v-1l2.83.97.34-.94L11 11v-1zM9 5H6V4h3v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/calendar.svg b/packages/frontend/src/icons/calendar.svg
new file mode 100644
index 0000000..fede886
--- /dev/null
+++ b/packages/frontend/src/icons/calendar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 2h-1v1.5c0 .28-.22.5-.5.5h-2c-.28 0-.5-.22-.5-.5V2H6v1.5c0 .28-.22.5-.5.5h-2c-.28 0-.5-.22-.5-.5V2H2c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h11c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm0 12H2V5h11v9zM5 3H4V1h1v2zm6 0h-1V1h1v2zM6 7H5V6h1v1zm2 0H7V6h1v1zm2 0H9V6h1v1zm2 0h-1V6h1v1zM4 9H3V8h1v1zm2 0H5V8h1v1zm2 0H7V8h1v1zm2 0H9V8h1v1zm2 0h-1V8h1v1zm-8 2H3v-1h1v1zm2 0H5v-1h1v1zm2 0H7v-1h1v1zm2 0H9v-1h1v1zm2 0h-1v-1h1v1zm-8 2H3v-1h1v1zm2 0H5v-1h1v1zm2 0H7v-1h1v1zm2 0H9v-1h1v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/check.svg b/packages/frontend/src/icons/check.svg
new file mode 100644
index 0000000..2df5dee
--- /dev/null
+++ b/packages/frontend/src/icons/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/checklist.svg b/packages/frontend/src/icons/checklist.svg
new file mode 100644
index 0000000..671aa3b
--- /dev/null
+++ b/packages/frontend/src/icons/checklist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M16 8.5l-6 6-3-3L8.5 10l1.5 1.5L14.5 7 16 8.5zM5.7 12.2l.8.8H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h7c.55 0 1 .45 1 1v6.5l-.8-.8c-.39-.39-1.03-.39-1.42 0L5.7 10.8a.996.996 0 0 0 0 1.41v-.01zM4 4h5V3H4v1zm0 2h5V5H4v1zm0 2h3V7H4v1zM3 9H2v1h1V9zm0-2H2v1h1V7zm0-2H2v1h1V5zm0-2H2v1h1V3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/chevron-down.svg b/packages/frontend/src/icons/chevron-down.svg
new file mode 100644
index 0000000..32eab7b
--- /dev/null
+++ b/packages/frontend/src/icons/chevron-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M5 11L0 6l1.5-1.5L5 8.25 8.5 4.5 10 6l-5 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/chevron-left.svg b/packages/frontend/src/icons/chevron-left.svg
new file mode 100644
index 0000000..680c9a0
--- /dev/null
+++ b/packages/frontend/src/icons/chevron-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16"><path fill-rule="evenodd" d="M5.5 3L7 4.5 3.25 8 7 11.5 5.5 13l-5-5 5-5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/chevron-right.svg b/packages/frontend/src/icons/chevron-right.svg
new file mode 100644
index 0000000..a5dadc6
--- /dev/null
+++ b/packages/frontend/src/icons/chevron-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16"><path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/chevron-up.svg b/packages/frontend/src/icons/chevron-up.svg
new file mode 100644
index 0000000..19db9dd
--- /dev/null
+++ b/packages/frontend/src/icons/chevron-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 10l-1.5 1.5L5 7.75 1.5 11.5 0 10l5-5 5 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/circle-slash.svg b/packages/frontend/src/icons/circle-slash.svg
new file mode 100644
index 0000000..edfb3d8
--- /dev/null
+++ b/packages/frontend/src/icons/circle-slash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm0 1.3c1.3 0 2.5.44 3.47 1.17l-8 8A5.755 5.755 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zm0 11.41c-1.3 0-2.5-.44-3.47-1.17l8-8c.73.97 1.17 2.17 1.17 3.47 0 3.14-2.56 5.7-5.7 5.7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/circuit-board.svg b/packages/frontend/src/icons/circuit-board.svg
new file mode 100644
index 0000000..f9a4c7e
--- /dev/null
+++ b/packages/frontend/src/icons/circuit-board.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M3 5c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1zm8 0c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1zm0 6c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1zm2-10H5v2.17c.36.19.64.47.83.83h2.34c.42-.78 1.33-1.28 2.34-1.05.75.19 1.36.8 1.53 1.55.31 1.38-.72 2.59-2.05 2.59-.8 0-1.48-.44-1.83-1.09H5.83c-.42.8-1.33 1.28-2.34 1.03-.73-.17-1.34-.78-1.52-1.52C1.72 4.49 2.2 3.59 3 3.17V1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1l5-5h2.17c.42-.78 1.33-1.28 2.34-1.05.75.19 1.36.8 1.53 1.55.31 1.38-.72 2.59-2.05 2.59-.8 0-1.48-.44-1.83-1.09H6.99L4 15h9c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/clippy.svg b/packages/frontend/src/icons/clippy.svg
new file mode 100644
index 0000000..9cb6337
--- /dev/null
+++ b/packages/frontend/src/icons/clippy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/clock.svg b/packages/frontend/src/icons/clock.svg
new file mode 100644
index 0000000..4bb89e0
--- /dev/null
+++ b/packages/frontend/src/icons/clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M8 8h3v2H7c-.55 0-1-.45-1-1V4h2v4zM7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/cloud-download.svg b/packages/frontend/src/icons/cloud-download.svg
new file mode 100644
index 0000000..8cc3d0f
--- /dev/null
+++ b/packages/frontend/src/icons/cloud-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M9 12h2l-3 3-3-3h2V7h2v5zm3-8c0-.44-.91-3-4.5-3C5.08 1 3 2.92 3 5 1.02 5 0 6.52 0 8c0 1.53 1 3 3 3h3V9.7H3C1.38 9.7 1.3 8.28 1.3 8c0-.17.05-1.7 1.7-1.7h1.3V5c0-1.39 1.56-2.7 3.2-2.7 2.55 0 3.13 1.55 3.2 1.8v1.2H12c.81 0 2.7.22 2.7 2.2 0 2.09-2.25 2.2-2.7 2.2h-2V11h2c2.08 0 4-1.16 4-3.5C16 5.06 14.08 4 12 4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/cloud-upload.svg b/packages/frontend/src/icons/cloud-upload.svg
new file mode 100644
index 0000000..c17e1d3
--- /dev/null
+++ b/packages/frontend/src/icons/cloud-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7 9H5l3-3 3 3H9v5H7V9zm5-4c0-.44-.91-3-4.5-3C5.08 2 3 3.92 3 6 1.02 6 0 7.52 0 9c0 1.53 1 3 3 3h3v-1.3H3c-1.62 0-1.7-1.42-1.7-1.7 0-.17.05-1.7 1.7-1.7h1.3V6c0-1.39 1.56-2.7 3.2-2.7 2.55 0 3.13 1.55 3.2 1.8v1.2H12c.81 0 2.7.22 2.7 2.2 0 2.09-2.25 2.2-2.7 2.2h-2V12h2c2.08 0 4-1.16 4-3.5C16 6.06 14.08 5 12 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/code.svg b/packages/frontend/src/icons/code.svg
new file mode 100644
index 0000000..6e6560e
--- /dev/null
+++ b/packages/frontend/src/icons/code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M9.5 3L8 4.5 11.5 8 8 11.5 9.5 13 14 8 9.5 3zm-5 0L0 8l4.5 5L6 11.5 2.5 8 6 4.5 4.5 3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/comment-discussion.svg b/packages/frontend/src/icons/comment-discussion.svg
new file mode 100644
index 0000000..c155b88
--- /dev/null
+++ b/packages/frontend/src/icons/comment-discussion.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 1H6c-.55 0-1 .45-1 1v2H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h1v3l3-3h4c.55 0 1-.45 1-1V9h1l3 3V9h1c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zM9 11H4.5L3 12.5V11H1V5h4v3c0 .55.45 1 1 1h3v2zm6-3h-2v1.5L11.5 8H6V2h9v6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/comment.svg b/packages/frontend/src/icons/comment.svg
new file mode 100644
index 0000000..2c6d88c
--- /dev/null
+++ b/packages/frontend/src/icons/comment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 1H2c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h2v3.5L7.5 11H14c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 9H7l-2 2v-2H2V2h12v8z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/credit-card.svg b/packages/frontend/src/icons/credit-card.svg
new file mode 100644
index 0000000..7da9f29
--- /dev/null
+++ b/packages/frontend/src/icons/credit-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12 9H2V8h10v1zm4-6v9c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h14c.55 0 1 .45 1 1zm-1 3H1v6h14V6zm0-3H1v1h14V3zm-9 7H2v1h4v-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/dash.svg b/packages/frontend/src/icons/dash.svg
new file mode 100644
index 0000000..b9a28fe
--- /dev/null
+++ b/packages/frontend/src/icons/dash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16"><path fill-rule="evenodd" d="M0 7v2h8V7H0z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/dashboard.svg b/packages/frontend/src/icons/dashboard.svg
new file mode 100644
index 0000000..dad1fd7
--- /dev/null
+++ b/packages/frontend/src/icons/dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M9 5H8V4h1v1zm4 3h-1v1h1V8zM6 5H5v1h1V5zM5 8H4v1h1V8zm11-5.5l-.5-.5L9 7c-.06-.02-1 0-1 0-.55 0-1 .45-1 1v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-.92l6-5.58zm-1.59 4.09c.19.61.3 1.25.3 1.91 0 3.42-2.78 6.2-6.2 6.2-3.42 0-6.21-2.78-6.21-6.2 0-3.42 2.78-6.2 6.2-6.2 1.2 0 2.31.34 3.27.94l.94-.94A7.459 7.459 0 0 0 8.51 1C4.36 1 1 4.36 1 8.5 1 12.64 4.36 16 8.5 16c4.14 0 7.5-3.36 7.5-7.5 0-1.03-.2-2.02-.59-2.91l-1 1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/database.svg b/packages/frontend/src/icons/database.svg
new file mode 100644
index 0000000..e686d98
--- /dev/null
+++ b/packages/frontend/src/icons/database.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 15c-3.31 0-6-.9-6-2v-2c0-.17.09-.34.21-.5.67.86 3 1.5 5.79 1.5s5.12-.64 5.79-1.5c.13.16.21.33.21.5v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V7c0-.11.04-.21.09-.31.03-.06.07-.13.12-.19C.88 7.36 3.21 8 6 8s5.12-.64 5.79-1.5c.05.06.09.13.12.19.05.1.09.21.09.31v2c0 1.1-2.69 2-6 2zm0-4c-3.31 0-6-.9-6-2V3c0-1.1 2.69-2 6-2s6 .9 6 2v2c0 1.1-2.69 2-6 2zm0-5c-2.21 0-4 .45-4 1s1.79 1 4 1 4-.45 4-1-1.79-1-4-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/desktop-download.svg b/packages/frontend/src/icons/desktop-download.svg
new file mode 100644
index 0000000..74b2c7d
--- /dev/null
+++ b/packages/frontend/src/icons/desktop-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 6h3V0h2v6h3l-4 4-4-4zm11-4h-4v1h4v8H1V3h4V2H1c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h5.34c-.25.61-.86 1.39-2.34 2h8c-1.48-.61-2.09-1.39-2.34-2H15c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/device-camera-video.svg b/packages/frontend/src/icons/device-camera-video.svg
new file mode 100644
index 0000000..dc0e55e
--- /dev/null
+++ b/packages/frontend/src/icons/device-camera-video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15.2 2.09L10 5.72V3c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V9.28l5.2 3.63c.33.23.8 0 .8-.41v-10c0-.41-.47-.64-.8-.41z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/device-camera.svg b/packages/frontend/src/icons/device-camera.svg
new file mode 100644
index 0000000..609be0e
--- /dev/null
+++ b/packages/frontend/src/icons/device-camera.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 3H7c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM6 5H2V4h4v1zm4.5 7C8.56 12 7 10.44 7 8.5S8.56 5 10.5 5 14 6.56 14 8.5 12.44 12 10.5 12zM13 8.5c0 1.38-1.13 2.5-2.5 2.5S8 9.87 8 8.5 9.13 6 10.5 6 13 7.13 13 8.5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/device-desktop.svg b/packages/frontend/src/icons/device-desktop.svg
new file mode 100644
index 0000000..3671fd0
--- /dev/null
+++ b/packages/frontend/src/icons/device-desktop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 2H1c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h5.34c-.25.61-.86 1.39-2.34 2h8c-1.48-.61-2.09-1.39-2.34-2H15c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm0 9H1V3h14v8z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/device-mobile.svg b/packages/frontend/src/icons/device-mobile.svg
new file mode 100644
index 0000000..84559ca
--- /dev/null
+++ b/packages/frontend/src/icons/device-mobile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M9 0H1C.45 0 0 .45 0 1v14c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM5 15.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zM9 12H1V2h8v10z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/diff-added.svg b/packages/frontend/src/icons/diff-added.svg
new file mode 100644
index 0000000..8394151
--- /dev/null
+++ b/packages/frontend/src/icons/diff-added.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/diff-ignored.svg b/packages/frontend/src/icons/diff-ignored.svg
new file mode 100644
index 0000000..eaa2bee
--- /dev/null
+++ b/packages/frontend/src/icons/diff-ignored.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zm-8.5-2H3v-1.5L9.5 4H11v1.5L4.5 12z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/diff-modified.svg b/packages/frontend/src/icons/diff-modified.svg
new file mode 100644
index 0000000..6a17dc3
--- /dev/null
+++ b/packages/frontend/src/icons/diff-modified.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/diff-removed.svg b/packages/frontend/src/icons/diff-removed.svg
new file mode 100644
index 0000000..2dfe2a1
--- /dev/null
+++ b/packages/frontend/src/icons/diff-removed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zm-2-5H3V7h8v2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/diff-renamed.svg b/packages/frontend/src/icons/diff-renamed.svg
new file mode 100644
index 0000000..c1f0982
--- /dev/null
+++ b/packages/frontend/src/icons/diff-renamed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6 9H3V7h3V4l5 4-5 4V9zm8-7v12c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h12c.55 0 1 .45 1 1zm-1 0H1v12h12V2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/diff.svg b/packages/frontend/src/icons/diff.svg
new file mode 100644
index 0000000..cbaa51f
--- /dev/null
+++ b/packages/frontend/src/icons/diff.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16"><path fill-rule="evenodd" d="M6 7h2v1H6v2H5V8H3V7h2V5h1v2zm-3 6h5v-1H3v1zM7.5 2L11 5.5V15c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h6.5zM10 6L7 3H1v12h9V6zM8.5 0H3v1h5l4 4v8h1V4.5L8.5 0z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/ellipsis.svg b/packages/frontend/src/icons/ellipsis.svg
new file mode 100644
index 0000000..7d4b9d8
--- /dev/null
+++ b/packages/frontend/src/icons/ellipsis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11 5H1c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1zM4 9H2V7h2v2zm3 0H5V7h2v2zm3 0H8V7h2v2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/eye.svg b/packages/frontend/src/icons/eye.svg
new file mode 100644
index 0000000..4f43a09
--- /dev/null
+++ b/packages/frontend/src/icons/eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.06 2C3 2 0 8 0 8s3 6 8.06 6C13 14 16 8 16 8s-3-6-7.94-6zM8 12c-2.2 0-4-1.78-4-4 0-2.2 1.8-4 4-4 2.22 0 4 1.8 4 4 0 2.22-1.78 4-4 4zm2-4c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-binary.svg b/packages/frontend/src/icons/file-binary.svg
new file mode 100644
index 0000000..93d0f54
--- /dev/null
+++ b/packages/frontend/src/icons/file-binary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M4 12h1v1H2v-1h1v-2H2V9h2v3zm8-7.5V14c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h7.5L12 4.5zM11 5L8 2H1v12h10V5zM8 4H6v1h1v2H6v1h3V7H8V4zM2 4h3v4H2V4zm1 3h1V5H3v2zm3 2h3v4H6V9zm1 3h1v-2H7v2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-code.svg b/packages/frontend/src/icons/file-code.svg
new file mode 100644
index 0000000..5b4b199
--- /dev/null
+++ b/packages/frontend/src/icons/file-code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M8.5 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V4.5L8.5 1zM11 14H1V2h7l3 3v9zM5 6.98L3.5 8.5 5 10l-.5 1L2 8.5 4.5 6l.5.98zM7.5 6L10 8.5 7.5 11l-.5-.98L8.5 8.5 7 7l.5-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-directory.svg b/packages/frontend/src/icons/file-directory.svg
new file mode 100644
index 0000000..4bf1f1c
--- /dev/null
+++ b/packages/frontend/src/icons/file-directory.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 4H7V3c0-.66-.31-1-1-1H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zM6 4H1V3h5v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-media.svg b/packages/frontend/src/icons/file-media.svg
new file mode 100644
index 0000000..018e533
--- /dev/null
+++ b/packages/frontend/src/icons/file-media.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 5h2v2H6V5zm6-.5V14c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h7.5L12 4.5zM11 5L8 2H1v11l3-5 2 4 2-2 3 3V5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-pdf.svg b/packages/frontend/src/icons/file-pdf.svg
new file mode 100644
index 0000000..1b1703e
--- /dev/null
+++ b/packages/frontend/src/icons/file-pdf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M8.5 1H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4.5L8.5 1zM1 2h4a.68.68 0 0 0-.31.2 1.08 1.08 0 0 0-.23.47 4.22 4.22 0 0 0-.09 1.47c.06.609.173 1.211.34 1.8A21.78 21.78 0 0 1 3.6 8.6c-.5 1-.8 1.66-.91 1.84a7.161 7.161 0 0 0-.69.3 4.19 4.19 0 0 0-1 .64V2zm4.42 4.8a5.65 5.65 0 0 0 1.17 2.09c.275.237.595.417.94.53-.64.09-1.23.2-1.81.33a12.22 12.22 0 0 0-1.81.59c-.587.243.22-.44.61-1.25.365-.74.67-1.51.91-2.3l-.01.01zM11 14H1.5a.743.743 0 0 1-.17 0 2.12 2.12 0 0 0 .73-.44 10.14 10.14 0 0 0 1.78-2.38c.31-.13.58-.23.81-.31l.42-.14c.45-.13.94-.23 1.44-.33s1-.16 1.48-.2c.447.216.912.394 1.39.53.403.11.814.188 1.23.23h.38V14H11zm0-4.86a3.74 3.74 0 0 0-.64-.28 4.22 4.22 0 0 0-.75-.11c-.411.003-.822.03-1.23.08a3 3 0 0 1-1-.64 6.07 6.07 0 0 1-1.29-2.33c.111-.662.178-1.33.2-2 .02-.25.02-.5 0-.75a1.05 1.05 0 0 0-.2-.88.82.82 0 0 0-.61-.23H8l3 3v4.14z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-submodule.svg b/packages/frontend/src/icons/file-submodule.svg
new file mode 100644
index 0000000..355a905
--- /dev/null
+++ b/packages/frontend/src/icons/file-submodule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M10 7H4v7h9c.55 0 1-.45 1-1V8h-4V7zM9 9H5V8h4v1zm4-5H7V3c0-.66-.31-1-1-1H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h2V7c0-.55.45-1 1-1h6c.55 0 1 .45 1 1h3V5c0-.55-.45-1-1-1zM6 4H1V3h5v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-symlink-directory.svg b/packages/frontend/src/icons/file-symlink-directory.svg
new file mode 100644
index 0000000..4b6263a
--- /dev/null
+++ b/packages/frontend/src/icons/file-symlink-directory.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 4H7V3c0-.66-.31-1-1-1H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zM1 3h5v1H1V3zm6 9v-2c-.98-.02-1.84.22-2.55.7-.71.48-1.19 1.25-1.45 2.3.02-1.64.39-2.88 1.13-3.73C4.86 8.43 5.82 8 7.01 8V6l4 3-4 3H7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-symlink-file.svg b/packages/frontend/src/icons/file-symlink-file.svg
new file mode 100644
index 0000000..b2aaf24
--- /dev/null
+++ b/packages/frontend/src/icons/file-symlink-file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M8.5 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V4.5L8.5 1zM11 14H1V2h7l3 3v9zM6 4.5l4 3-4 3v-2c-.98-.02-1.84.22-2.55.7-.71.48-1.19 1.25-1.45 2.3.02-1.64.39-2.88 1.13-3.73.73-.84 1.69-1.27 2.88-1.27v-2H6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file-zip.svg b/packages/frontend/src/icons/file-zip.svg
new file mode 100644
index 0000000..e2bb5b0
--- /dev/null
+++ b/packages/frontend/src/icons/file-zip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M8.5 1H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4.5L8.5 1zM11 14H1V2h3v1h1V2h3l3 3v9zM5 4V3h1v1H5zM4 4h1v1H4V4zm1 2V5h1v1H5zM4 6h1v1H4V6zm1 2V7h1v1H5zM4 9.28A2 2 0 0 0 3 11v1h4v-1a2 2 0 0 0-2-2V8H4v1.28zM6 10v1H4v-1h2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/file.svg b/packages/frontend/src/icons/file.svg
new file mode 100644
index 0000000..0997406
--- /dev/null
+++ b/packages/frontend/src/icons/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 5H2V4h4v1zM2 8h7V7H2v1zm0 2h7V9H2v1zm0 2h7v-1H2v1zm10-7.5V14c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h7.5L12 4.5zM11 5L8 2H1v12h10V5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/flame.svg b/packages/frontend/src/icons/flame.svg
new file mode 100644
index 0000000..1fcb94b
--- /dev/null
+++ b/packages/frontend/src/icons/flame.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/fold.svg b/packages/frontend/src/icons/fold.svg
new file mode 100644
index 0000000..1b0b399
--- /dev/null
+++ b/packages/frontend/src/icons/fold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 9l3 3H8v3H6v-3H4l3-3zm3-6H8V0H6v3H4l3 3 3-3zm4 2c0-.55-.45-1-1-1h-2.5l-1 1h3l-2 2h-7l-2-2h3l-1-1H1c-.55 0-1 .45-1 1l2.5 2.5L0 10c0 .55.45 1 1 1h2.5l1-1h-3l2-2h7l2 2h-3l1 1H13c.55 0 1-.45 1-1l-2.5-2.5L14 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/gear.svg b/packages/frontend/src/icons/gear.svg
new file mode 100644
index 0000000..bf82007
--- /dev/null
+++ b/packages/frontend/src/icons/gear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M14 8.77v-1.6l-1.94-.64-.45-1.09.88-1.84-1.13-1.13-1.81.91-1.09-.45-.69-1.92h-1.6l-.63 1.94-1.11.45-1.84-.88-1.13 1.13.91 1.81-.45 1.09L0 7.23v1.59l1.94.64.45 1.09-.88 1.84 1.13 1.13 1.81-.91 1.09.45.69 1.92h1.59l.63-1.94 1.11-.45 1.84.88 1.13-1.13-.92-1.81.47-1.09L14 8.75v.02zM7 11c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/gift.svg b/packages/frontend/src/icons/gift.svg
new file mode 100644
index 0000000..4539ce6
--- /dev/null
+++ b/packages/frontend/src/icons/gift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 4h-1.38c.19-.33.33-.67.36-.91.06-.67-.11-1.22-.52-1.61C11.1 1.1 10.65 1 10.1 1h-.11c-.53.02-1.11.25-1.53.58-.42.33-.73.72-.97 1.2-.23-.48-.55-.88-.97-1.2-.42-.32-1-.58-1.53-.58h-.03c-.56 0-1.06.09-1.44.48-.41.39-.58.94-.52 1.61.03.23.17.58.36.91H1.98c-.55 0-1 .45-1 1v3h1v5c0 .55.45 1 1 1h9c.55 0 1-.45 1-1V8h1V5c0-.55-.45-1-1-1H13zm-4.78-.88c.17-.36.42-.67.75-.92.3-.23.72-.39 1.05-.41h.09c.45 0 .66.11.8.25s.33.39.3.95c-.05.19-.25.61-.5 1h-2.9l.41-.88v.01zM4.09 2.04c.13-.13.31-.25.91-.25.31 0 .72.17 1.03.41.33.25.58.55.75.92L7.2 4H4.3c-.25-.39-.45-.81-.5-1-.03-.56.16-.81.3-.95l-.01-.01zM7 12.99H3V8h4v5-.01zm0-6H2V5h5v2-.01zm5 6H8V8h4v5-.01zm1-6H8V5h5v2-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/gist-secret.svg b/packages/frontend/src/icons/gist-secret.svg
new file mode 100644
index 0000000..6495281
--- /dev/null
+++ b/packages/frontend/src/icons/gist-secret.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M8 10.5L9 14H5l1-3.5L5.25 9h3.5L8 10.5zM10 6H4L2 7h10l-2-1zM9 2L7 3 5 2 4 5h6L9 2zm4.03 7.75L10 9l1 2-2 3h3.22c.45 0 .86-.31.97-.75l.56-2.28c.14-.53-.19-1.08-.72-1.22zM4 9l-3.03.75c-.53.14-.86.69-.72 1.22l.56 2.28c.11.44.52.75.97.75H5l-2-3 1-2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/gist.svg b/packages/frontend/src/icons/gist.svg
new file mode 100644
index 0000000..9584460
--- /dev/null
+++ b/packages/frontend/src/icons/gist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M7.5 5L10 7.5 7.5 10l-.75-.75L8.5 7.5 6.75 5.75 7.5 5zm-3 0L2 7.5 4.5 10l.75-.75L3.5 7.5l1.75-1.75L4.5 5zM0 13V2c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v11c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1zm1 0h10V2H1v11z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/git-branch.svg b/packages/frontend/src/icons/git-branch.svg
new file mode 100644
index 0000000..21ca8d8
--- /dev/null
+++ b/packages/frontend/src/icons/git-branch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/git-commit.svg b/packages/frontend/src/icons/git-commit.svg
new file mode 100644
index 0000000..3cc2e82
--- /dev/null
+++ b/packages/frontend/src/icons/git-commit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M10.86 7c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3H0v2h3.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H14V7h-3.14zM7 10.2c-1.22 0-2.2-.98-2.2-2.2 0-1.22.98-2.2 2.2-2.2 1.22 0 2.2.98 2.2 2.2 0 1.22-.98 2.2-2.2 2.2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/git-compare.svg b/packages/frontend/src/icons/git-compare.svg
new file mode 100644
index 0000000..4737499
--- /dev/null
+++ b/packages/frontend/src/icons/git-compare.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M5 12H4c-.27-.02-.48-.11-.69-.31-.21-.2-.3-.42-.31-.69V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V11c.03.78.34 1.47.94 2.06.6.59 1.28.91 2.06.94h1v2l3-3-3-3v2zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm11 9.48V5c-.03-.78-.34-1.47-.94-2.06-.6-.59-1.28-.91-2.06-.94H9V0L6 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 12 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/git-merge.svg b/packages/frontend/src/icons/git-merge.svg
new file mode 100644
index 0000000..63c43f7
--- /dev/null
+++ b/packages/frontend/src/icons/git-merge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/git-pull-request.svg b/packages/frontend/src/icons/git-pull-request.svg
new file mode 100644
index 0000000..4f59759
--- /dev/null
+++ b/packages/frontend/src/icons/git-pull-request.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/globe.svg b/packages/frontend/src/icons/globe.svg
new file mode 100644
index 0000000..990554c
--- /dev/null
+++ b/packages/frontend/src/icons/globe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7c.48 0 .94-.05 1.38-.14-.17-.08-.2-.73-.02-1.09.19-.41.81-1.45.2-1.8-.61-.35-.44-.5-.81-.91-.37-.41-.22-.47-.25-.58-.08-.34.36-.89.39-.94.02-.06.02-.27 0-.33 0-.08-.27-.22-.34-.23-.06 0-.11.11-.2.13-.09.02-.5-.25-.59-.33-.09-.08-.14-.23-.27-.34-.13-.13-.14-.03-.33-.11s-.8-.31-1.28-.48c-.48-.19-.52-.47-.52-.66-.02-.2-.3-.47-.42-.67-.14-.2-.16-.47-.2-.41-.04.06.25.78.2.81-.05.02-.16-.2-.3-.38-.14-.19.14-.09-.3-.95s.14-1.3.17-1.75c.03-.45.38.17.19-.13-.19-.3 0-.89-.14-1.11-.13-.22-.88.25-.88.25.02-.22.69-.58 1.16-.92.47-.34.78-.06 1.16.05.39.13.41.09.28-.05-.13-.13.06-.17.36-.13.28.05.38.41.83.36.47-.03.05.09.11.22s-.06.11-.38.3c-.3.2.02.22.55.61s.38-.25.31-.55c-.07-.3.39-.06.39-.06.33.22.27.02.5.08.23.06.91.64.91.64-.83.44-.31.48-.17.59.14.11-.28.3-.28.3-.17-.17-.19.02-.3.08-.11.06-.02.22-.02.22-.56.09-.44.69-.42.83 0 .14-.38.36-.47.58-.09.2.25.64.06.66-.19.03-.34-.66-1.31-.41-.3.08-.94.41-.59 1.08.36.69.92-.19 1.11-.09.19.1-.06.53-.02.55.04.02.53.02.56.61.03.59.77.53.92.55.17 0 .7-.44.77-.45.06-.03.38-.28 1.03.09.66.36.98.31 1.2.47.22.16.08.47.28.58.2.11 1.06-.03 1.28.31.22.34-.88 2.09-1.22 2.28-.34.19-.48.64-.84.92s-.81.64-1.27.91c-.41.23-.47.66-.66.8 3.14-.7 5.48-3.5 5.48-6.84 0-3.86-3.14-7-7-7L7 1zm1.64 6.56c-.09.03-.28.22-.78-.08-.48-.3-.81-.23-.86-.28 0 0-.05-.11.17-.14.44-.05.98.41 1.11.41.13 0 .19-.13.41-.05.22.08.05.13-.05.14zM6.34 1.7c-.05-.03.03-.08.09-.14.03-.03.02-.11.05-.14.11-.11.61-.25.52.03-.11.27-.58.3-.66.25zm1.23.89c-.19-.02-.58-.05-.52-.14.3-.28-.09-.38-.34-.38-.25-.02-.34-.16-.22-.19.12-.03.61.02.7.08.08.06.52.25.55.38.02.13 0 .25-.17.25zm1.47-.05c-.14.09-.83-.41-.95-.52-.56-.48-.89-.31-1-.41-.11-.1-.08-.19.11-.34.19-.15.69.06 1 .09.3.03.66.27.66.55.02.25.33.5.19.63h-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/grabber.svg b/packages/frontend/src/icons/grabber.svg
new file mode 100644
index 0000000..1a41fd0
--- /dev/null
+++ b/packages/frontend/src/icons/grabber.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16"><path fill-rule="evenodd" d="M8 4v1H0V4h8zM0 8h8V7H0v1zm0 3h8v-1H0v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/graph.svg b/packages/frontend/src/icons/graph.svg
new file mode 100644
index 0000000..cd3909e
--- /dev/null
+++ b/packages/frontend/src/icons/graph.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M16 14v1H0V0h1v14h15zM5 13H3V8h2v5zm4 0H7V3h2v10zm4 0h-2V6h2v7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/heart.svg b/packages/frontend/src/icons/heart.svg
new file mode 100644
index 0000000..e9407b5
--- /dev/null
+++ b/packages/frontend/src/icons/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M9 2c-.97 0-1.69.42-2.2 1-.51.58-.78.92-.8 1-.02-.08-.28-.42-.8-1-.52-.58-1.17-1-2.2-1-1.632.086-2.954 1.333-3 3 0 .52.09 1.52.67 2.67C1.25 8.82 3.01 10.61 6 13c2.98-2.39 4.77-4.17 5.34-5.33C11.91 6.51 12 5.5 12 5c-.047-1.69-1.342-2.913-3-3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/history.svg b/packages/frontend/src/icons/history.svg
new file mode 100644
index 0000000..ee4d9fb
--- /dev/null
+++ b/packages/frontend/src/icons/history.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M8 13H6V6h5v2H8v5zM7 1C4.81 1 2.87 2.02 1.59 3.59L0 2v4h4L2.5 4.5C3.55 3.17 5.17 2.3 7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-.34.03-.67.09-1H.08C.03 7.33 0 7.66 0 8c0 3.86 3.14 7 7 7s7-3.14 7-7-3.14-7-7-7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/home.svg b/packages/frontend/src/icons/home.svg
new file mode 100644
index 0000000..f3d3138
--- /dev/null
+++ b/packages/frontend/src/icons/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M16 9l-3-3V2h-2v2L8 1 0 9h2l1 5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1l1-5h2zm-4 5H9v-4H7v4H4L2.81 7.69 8 2.5l5.19 5.19L12 14z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/horizontal-rule.svg b/packages/frontend/src/icons/horizontal-rule.svg
new file mode 100644
index 0000000..9a05c30
--- /dev/null
+++ b/packages/frontend/src/icons/horizontal-rule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M1 7h2v2h1V3H3v3H1V3H0v6h1V7zm9 2V7H9v2h1zm0-3V4H9v2h1zM7 6V4h2V3H6v6h1V7h2V6H7zm-7 7h10v-2H0v2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/hubot.svg b/packages/frontend/src/icons/hubot.svg
new file mode 100644
index 0000000..fea9f4b
--- /dev/null
+++ b/packages/frontend/src/icons/hubot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M3 6c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1H3zm8 1.75L9.75 9h-1.5L7 7.75 5.75 9h-1.5L3 7.75V7h.75L5 8.25 6.25 7h1.5L9 8.25 10.25 7H11v.75zM5 11h4v1H5v-1zm2-9C3.14 2 0 4.91 0 8.5V13c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V8.5C14 4.91 10.86 2 7 2zm6 11H1V8.5c0-3.09 2.64-5.59 6-5.59s6 2.5 6 5.59V13z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/inbox.svg b/packages/frontend/src/icons/inbox.svg
new file mode 100644
index 0000000..f9cfec2
--- /dev/null
+++ b/packages/frontend/src/icons/inbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M14 9l-1.13-7.14c-.08-.48-.5-.86-1-.86H2.13c-.5 0-.92.38-1 .86L0 9v5c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V9zm-3.28.55l-.44.89c-.17.34-.52.56-.91.56H4.61c-.38 0-.72-.22-.89-.55l-.44-.91c-.17-.33-.52-.55-.89-.55H1l1-7h10l1 7h-1.38c-.39 0-.73.22-.91.55l.01.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/info.svg b/packages/frontend/src/icons/info.svg
new file mode 100644
index 0000000..26db463
--- /dev/null
+++ b/packages/frontend/src/icons/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/issue-closed.svg b/packages/frontend/src/icons/issue-closed.svg
new file mode 100644
index 0000000..0a7819a
--- /dev/null
+++ b/packages/frontend/src/icons/issue-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/issue-opened.svg b/packages/frontend/src/icons/issue-opened.svg
new file mode 100644
index 0000000..a88cbcc
--- /dev/null
+++ b/packages/frontend/src/icons/issue-opened.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/issue-reopened.svg b/packages/frontend/src/icons/issue-reopened.svg
new file mode 100644
index 0000000..789e18b
--- /dev/null
+++ b/packages/frontend/src/icons/issue-reopened.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M8 9H6V4h2v5zm-2 3h2v-2H6v2zm6.33-2H10l1.5 1.5c-1.05 1.33-2.67 2.2-4.5 2.2A5.71 5.71 0 0 1 1.3 8c0-.34.03-.67.09-1H.08C.03 7.33 0 7.66 0 8c0 3.86 3.14 7 7 7 2.19 0 4.13-1.02 5.41-2.59L14 14v-4h-1.67zM1.67 6H4L2.5 4.5C3.55 3.17 5.17 2.3 7 2.3c3.14 0 5.7 2.56 5.7 5.7 0 .34-.03.67-.09 1h1.31c.05-.33.08-.66.08-1 0-3.86-3.14-7-7-7-2.19 0-4.13 1.02-5.41 2.59L0 2v4h1.67z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/italic.svg b/packages/frontend/src/icons/italic.svg
new file mode 100644
index 0000000..51d65f1
--- /dev/null
+++ b/packages/frontend/src/icons/italic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="16" viewBox="0 0 6 16"><path fill-rule="evenodd" d="M2.81 5h1.98L3 14H1l1.81-9zm.36-2.7c0-.7.58-1.3 1.33-1.3.56 0 1.13.38 1.13 1.03 0 .75-.59 1.3-1.33 1.3-.58 0-1.13-.38-1.13-1.03z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/jersey.svg b/packages/frontend/src/icons/jersey.svg
new file mode 100644
index 0000000..776e456
--- /dev/null
+++ b/packages/frontend/src/icons/jersey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M4.5 6l-.5.5v5l.5.5h2l.5-.5v-5L6.5 6h-2zM6 11H5V7h1v4zm6.27-7.25C12.05 2.37 11.96 1.12 12 0H9.02c0 .27-.13.48-.39.69-.25.2-.63.3-1.13.3-.5 0-.88-.09-1.13-.3-.23-.2-.36-.42-.36-.69H3c.05 1.13-.03 2.38-.25 3.75C2.55 5.13 1.95 5.88 1 6v9c.02.27.11.48.31.69.2.21.42.3.69.31h11c.27-.02.48-.11.69-.31.21-.2.3-.42.31-.69V6c-.95-.13-1.53-.88-1.75-2.25h.02zM13 15H2V7c.89-.5 1.48-1.25 1.72-2.25S4.03 2.5 4 1h1c-.02.78.16 1.47.52 2.06.36.58 1.02.89 2 .94.98-.02 1.64-.33 2-.94.36-.59.5-1.28.48-2.06h1c.02 1.42.13 2.55.33 3.38.2.81.69 2 1.67 2.63v8V15zM8.5 6l-.5.5v5l.5.5h2l.5-.5v-5l-.5-.5h-2zm1.5 5H9V7h1v4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/kebab-horizontal.svg b/packages/frontend/src/icons/kebab-horizontal.svg
new file mode 100644
index 0000000..7c472d3
--- /dev/null
+++ b/packages/frontend/src/icons/kebab-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM13 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/kebab-vertical.svg b/packages/frontend/src/icons/kebab-vertical.svg
new file mode 100644
index 0000000..2aaee60
--- /dev/null
+++ b/packages/frontend/src/icons/kebab-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="3" height="16" viewBox="0 0 3 16"><path fill-rule="evenodd" d="M0 2.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0zm0 5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0zM1.5 14a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/key.svg b/packages/frontend/src/icons/key.svg
new file mode 100644
index 0000000..ac8badc
--- /dev/null
+++ b/packages/frontend/src/icons/key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M12.83 2.17C12.08 1.42 11.14 1.03 10 1c-1.13.03-2.08.42-2.83 1.17S6.04 3.86 6.01 5c0 .3.03.59.09.89L0 12v1l1 1h2l1-1v-1h1v-1h1v-1h2l1.09-1.11c.3.08.59.11.91.11 1.14-.03 2.08-.42 2.83-1.17S13.97 6.14 14 5c-.03-1.14-.42-2.08-1.17-2.83zM11 5.38c-.77 0-1.38-.61-1.38-1.38 0-.77.61-1.38 1.38-1.38.77 0 1.38.61 1.38 1.38 0 .77-.61 1.38-1.38 1.38z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/keyboard.svg b/packages/frontend/src/icons/keyboard.svg
new file mode 100644
index 0000000..89712ad
--- /dev/null
+++ b/packages/frontend/src/icons/keyboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10 5H9V4h1v1zM3 6H2v1h1V6zm5-2H7v1h1V4zM4 4H2v1h2V4zm8 7h2v-1h-2v1zM8 7h1V6H8v1zm-4 3H2v1h2v-1zm8-6h-1v1h1V4zm2 0h-1v1h1V4zm-2 5h2V6h-2v3zm4-6v9c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h14c.55 0 1 .45 1 1zm-1 0H1v9h14V3zM6 7h1V6H6v1zm0-3H5v1h1V4zM4 7h1V6H4v1zm1 4h6v-1H5v1zm5-4h1V6h-1v1zM3 8H2v1h1V8zm5 0v1h1V8H8zM6 8v1h1V8H6zM5 8H4v1h1V8zm5 1h1V8h-1v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/law.svg b/packages/frontend/src/icons/law.svg
new file mode 100644
index 0000000..5ccc464
--- /dev/null
+++ b/packages/frontend/src/icons/law.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 4c-.83 0-1.5-.67-1.5-1.5S6.17 1 7 1s1.5.67 1.5 1.5S7.83 4 7 4zm7 6c0 1.11-.89 2-2 2h-1c-1.11 0-2-.89-2-2l2-4h-1c-.55 0-1-.45-1-1H8v8c.42 0 1 .45 1 1h1c.42 0 1 .45 1 1H3c0-.55.58-1 1-1h1c0-.55.58-1 1-1h.03L6 5H5c0 .55-.45 1-1 1H3l2 4c0 1.11-.89 2-2 2H2c-1.11 0-2-.89-2-2l2-4H1V5h3c0-.55.45-1 1-1h4c.55 0 1 .45 1 1h3v1h-1l2 4zM2.5 7L1 10h3L2.5 7zM13 10l-1.5-3-1.5 3h3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/light-bulb.svg b/packages/frontend/src/icons/light-bulb.svg
new file mode 100644
index 0000000..d2ff74c
--- /dev/null
+++ b/packages/frontend/src/icons/light-bulb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/link-external.svg b/packages/frontend/src/icons/link-external.svg
new file mode 100644
index 0000000..70b569d
--- /dev/null
+++ b/packages/frontend/src/icons/link-external.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11 10h1v3c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h3v1H1v10h10v-3zM6 2l2.25 2.25L5 7.5 6.5 9l3.25-3.25L12 8V2H6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/link.svg b/packages/frontend/src/icons/link.svg
new file mode 100644
index 0000000..820aef7
--- /dev/null
+++ b/packages/frontend/src/icons/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/list-ordered.svg b/packages/frontend/src/icons/list-ordered.svg
new file mode 100644
index 0000000..c0e8304
--- /dev/null
+++ b/packages/frontend/src/icons/list-ordered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M12 12.99c0 .589 0 .998-.59.998H4.596c-.59 0-.59-.41-.59-.999 0-.59 0-.999.59-.999H11.4c.59 0 .59.41.59 1H12zM4.596 3.996H11.4c.59 0 .59-.41.59-1 0-.589 0-.999-.59-.999H4.596c-.59 0-.59.41-.59 1 0 .589 0 .999.59.999zM11.4 6.994H4.596c-.59 0-.59.41-.59 1 0 .589 0 .999.59.999H11.4c.59 0 .59-.41.59-1 0-.59 0-.999-.59-.999zM2.008 1h-.72C.99 1.19.71 1.25.26 1.34V2h.75v2.138H.17v.859h2.837v-.86h-.999V1zm.25 8.123c-.17 0-.45.03-.66.06.53-.56 1.14-1.249 1.14-1.888-.02-.78-.56-1.299-1.36-1.299-.589 0-.968.2-1.378.64l.58.579c.19-.19.38-.38.639-.38.28 0 .48.16.48.52 0 .53-.77 1.199-1.699 2.058v.58h2.998l-.09-.88h-.66l.01.01zm-.08 3.777v-.03c.44-.19.64-.47.64-.859 0-.7-.56-1.11-1.44-1.11-.479 0-.888.19-1.278.52l.55.64c.25-.2.44-.31.689-.31.27 0 .42.13.42.36 0 .27-.2.44-.86.44v.749c.83 0 .98.17.98.47 0 .25-.23.38-.58.38-.28 0-.56-.14-.81-.38l-.479.659c.3.36.77.56 1.409.56.83 0 1.529-.41 1.529-1.16 0-.5-.31-.809-.77-.939v.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/list-unordered.svg b/packages/frontend/src/icons/list-unordered.svg
new file mode 100644
index 0000000..0b43536
--- /dev/null
+++ b/packages/frontend/src/icons/list-unordered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M2 13c0 .59 0 1-.59 1H.59C0 14 0 13.59 0 13c0-.59 0-1 .59-1h.81c.59 0 .59.41.59 1H2zm2.59-9h6.81c.59 0 .59-.41.59-1 0-.59 0-1-.59-1H4.59C4 2 4 2.41 4 3c0 .59 0 1 .59 1zM1.41 7H.59C0 7 0 7.41 0 8c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1 0-.59 0-1-.59-1h.01zm0-5H.59C0 2 0 2.41 0 3c0 .59 0 1 .59 1h.81c.59 0 .59-.41.59-1 0-.59 0-1-.59-1h.01zm10 5H4.59C4 7 4 7.41 4 8c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1 0-.59 0-1-.59-1h.01zm0 5H4.59C4 12 4 12.41 4 13c0 .59 0 1 .59 1h6.81c.59 0 .59-.41.59-1 0-.59 0-1-.59-1h.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/location.svg b/packages/frontend/src/icons/location.svg
new file mode 100644
index 0000000..f6372a3
--- /dev/null
+++ b/packages/frontend/src/icons/location.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/lock.svg b/packages/frontend/src/icons/lock.svg
new file mode 100644
index 0000000..5587064
--- /dev/null
+++ b/packages/frontend/src/icons/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M4 13H3v-1h1v1zm8-6v7c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h1V4c0-2.2 1.8-4 4-4s4 1.8 4 4v2h1c.55 0 1 .45 1 1zM3.8 6h4.41V4c0-1.22-.98-2.2-2.2-2.2-1.22 0-2.2.98-2.2 2.2v2H3.8zM11 7H2v7h9V7zM4 8H3v1h1V8zm0 2H3v1h1v-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/logo-gist.svg b/packages/frontend/src/icons/logo-gist.svg
new file mode 100644
index 0000000..29f2213
--- /dev/null
+++ b/packages/frontend/src/icons/logo-gist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="16" viewBox="0 0 25 16"><path fill-rule="evenodd" d="M4.7 8.73h2.45v4.02c-.55.27-1.64.34-2.53.34-2.56 0-3.47-2.2-3.47-5.05 0-2.85.91-5.06 3.48-5.06 1.28 0 2.06.23 3.28.73V2.66C7.27 2.33 6.25 2 4.63 2 1.13 2 0 4.69 0 8.03c0 3.34 1.11 6.03 4.63 6.03 1.64 0 2.81-.27 3.59-.64V7.73H4.7v1zm6.39 3.72V6.06h-1.05v6.28c0 1.25.58 1.72 1.72 1.72v-.89c-.48 0-.67-.16-.67-.7v-.02zm.25-8.72c0-.44-.33-.78-.78-.78s-.77.34-.77.78.33.78.77.78.78-.34.78-.78zm4.34 5.69c-1.5-.13-1.78-.48-1.78-1.17 0-.77.33-1.34 1.88-1.34 1.05 0 1.66.16 2.27.36v-.94c-.69-.3-1.52-.39-2.25-.39-2.2 0-2.92 1.2-2.92 2.31 0 1.08.47 1.88 2.73 2.08 1.55.13 1.77.63 1.77 1.34 0 .73-.44 1.42-2.06 1.42-1.11 0-1.86-.19-2.33-.36v.94c.5.2 1.58.39 2.33.39 2.38 0 3.14-1.2 3.14-2.41 0-1.28-.53-2.03-2.75-2.23h-.03zm8.58-2.47v-.86h-2.42v-2.5l-1.08.31v2.11l-1.56.44v.48h1.56v5c0 1.53 1.19 2.13 2.5 2.13.19 0 .52-.02.69-.05v-.89c-.19.03-.41.03-.61.03-.97 0-1.5-.39-1.5-1.34V6.94h2.42v.02-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/logo-github.svg b/packages/frontend/src/icons/logo-github.svg
new file mode 100644
index 0000000..0da3476
--- /dev/null
+++ b/packages/frontend/src/icons/logo-github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="45" height="16" viewBox="0 0 45 16"><path fill-rule="evenodd" d="M18.53 12.03h-.02c.009 0 .015.01.024.011h.006l-.01-.01zm.004.011c-.093.001-.327.05-.574.05-.78 0-1.05-.36-1.05-.83V8.13h1.59c.09 0 .16-.08.16-.19v-1.7c0-.09-.08-.17-.16-.17h-1.59V3.96c0-.08-.05-.13-.14-.13h-2.16c-.09 0-.14.05-.14.13v2.17s-1.09.27-1.16.28c-.08.02-.13.09-.13.17v1.36c0 .11.08.19.17.19h1.11v3.28c0 2.44 1.7 2.69 2.86 2.69.53 0 1.17-.17 1.27-.22.06-.02.09-.09.09-.16v-1.5a.177.177 0 0 0-.146-.18zm23.696-2.2c0-1.81-.73-2.05-1.5-1.97-.6.04-1.08.34-1.08.34v3.52s.49.34 1.22.36c1.03.03 1.36-.34 1.36-2.25zm2.43-.16c0 3.43-1.11 4.41-3.05 4.41-1.64 0-2.52-.83-2.52-.83s-.04.46-.09.52c-.03.06-.08.08-.14.08h-1.48c-.1 0-.19-.08-.19-.17l.02-11.11c0-.09.08-.17.17-.17h2.13c.09 0 .17.08.17.17v3.77s.82-.53 2.02-.53l-.01-.02c1.2 0 2.97.45 2.97 3.88zm-8.72-3.61h-2.1c-.11 0-.17.08-.17.19v5.44s-.55.39-1.3.39-.97-.34-.97-1.09V6.25c0-.09-.08-.17-.17-.17h-2.14c-.09 0-.17.08-.17.17v5.11c0 2.2 1.23 2.75 2.92 2.75 1.39 0 2.52-.77 2.52-.77s.05.39.08.45c.02.05.09.09.16.09h1.34c.11 0 .17-.08.17-.17l.02-7.47c0-.09-.08-.17-.19-.17zm-23.7-.01h-2.13c-.09 0-.17.09-.17.2v7.34c0 .2.13.27.3.27h1.92c.2 0 .25-.09.25-.27V6.23c0-.09-.08-.17-.17-.17zm-1.05-3.38c-.77 0-1.38.61-1.38 1.38 0 .77.61 1.38 1.38 1.38.75 0 1.36-.61 1.36-1.38 0-.77-.61-1.38-1.36-1.38zm16.49-.25h-2.11c-.09 0-.17.08-.17.17v4.09h-3.31V2.6c0-.09-.08-.17-.17-.17h-2.13c-.09 0-.17.08-.17.17v11.11c0 .09.09.17.17.17h2.13c.09 0 .17-.08.17-.17V8.96h3.31l-.02 4.75c0 .09.08.17.17.17h2.13c.09 0 .17-.08.17-.17V2.6c0-.09-.08-.17-.17-.17zM8.81 7.35v5.74c0 .04-.01.11-.06.13 0 0-1.25.89-3.31.89-2.49 0-5.44-.78-5.44-5.92S2.58 1.99 5.1 2c2.18 0 3.06.49 3.2.58.04.05.06.09.06.14L7.94 4.5c0 .09-.09.2-.2.17-.36-.11-.9-.33-2.17-.33-1.47 0-3.05.42-3.05 3.73s1.5 3.7 2.58 3.7c.92 0 1.25-.11 1.25-.11v-2.3H4.88c-.11 0-.19-.08-.19-.17V7.35c0-.09.08-.17.19-.17h3.74c.11 0 .19.08.19.17z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/mail-read.svg b/packages/frontend/src/icons/mail-read.svg
new file mode 100644
index 0000000..bf4deaf
--- /dev/null
+++ b/packages/frontend/src/icons/mail-read.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6 5H4V4h2v1zm3 1H4v1h5V6zm5-.48V14c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V5.52c0-.33.16-.63.42-.81L2 3.58V3c0-.55.45-1 1-1h1.2L7 0l2.8 2H11c.55 0 1 .45 1 1v.58l1.58 1.13c.27.19.42.48.42.81zM3 7.5L7 10l4-2.5V3H3v4.5zm-2 6l4.5-3-4.5-3v6zm11 .5l-5-3-5 3h10zm1-6.5l-4.5 3 4.5 3v-6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/mail.svg b/packages/frontend/src/icons/mail.svg
new file mode 100644
index 0000000..9fca68b
--- /dev/null
+++ b/packages/frontend/src/icons/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/mark-github.svg b/packages/frontend/src/icons/mark-github.svg
new file mode 100644
index 0000000..af1bfa1
--- /dev/null
+++ b/packages/frontend/src/icons/mark-github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/markdown.svg b/packages/frontend/src/icons/markdown.svg
new file mode 100644
index 0000000..999110e
--- /dev/null
+++ b/packages/frontend/src/icons/markdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.85 3H1.15C.52 3 0 3.52 0 4.15v7.69C0 12.48.52 13 1.15 13h13.69c.64 0 1.15-.52 1.15-1.15v-7.7C16 3.52 15.48 3 14.85 3zM9 11H7V8L5.5 9.92 4 8v3H2V5h2l1.5 2L7 5h2v6zm2.99.5L9.5 8H11V5h2v3h1.5l-2.51 3.5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/megaphone.svg b/packages/frontend/src/icons/megaphone.svg
new file mode 100644
index 0000000..a62f82d
--- /dev/null
+++ b/packages/frontend/src/icons/megaphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10 1c-.17 0-.36.05-.52.14C8.04 2.02 4.5 4.58 3 5c-1.38 0-3 .67-3 2.5S1.63 10 3 10c.3.08.64.23 1 .41V15h2v-3.45c1.34.86 2.69 1.83 3.48 2.31.16.09.34.14.52.14.52 0 1-.42 1-1V2c0-.58-.48-1-1-1zm0 12c-.38-.23-.89-.58-1.5-1-.16-.11-.33-.22-.5-.34V3.31c.16-.11.31-.2.47-.31.61-.41 1.16-.77 1.53-1v11zm2-6h4v1h-4V7zm0 2l4 2v1l-4-2V9zm4-6v1l-4 2V5l4-2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/mention.svg b/packages/frontend/src/icons/mention.svg
new file mode 100644
index 0000000..c09499b
--- /dev/null
+++ b/packages/frontend/src/icons/mention.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.58 15c1.25 0 2.52-.31 3.56-.94l-.42-.94c-.84.52-1.89.83-3.03.83-3.23 0-5.64-2.08-5.64-5.72 0-4.37 3.23-7.18 6.58-7.18 3.45 0 5.22 2.19 5.22 5.2 0 2.39-1.34 3.86-2.5 3.86-1.05 0-1.36-.73-1.05-2.19l.73-3.75H8.98l-.11.72c-.41-.63-.94-.83-1.56-.83-2.19 0-3.66 2.39-3.66 4.38 0 1.67.94 2.61 2.3 2.61.84 0 1.67-.53 2.3-1.25.11.94.94 1.45 1.98 1.45 1.67 0 3.77-1.67 3.77-5C14 2.61 11.59 0 7.83 0 3.66 0 0 3.33 0 8.33 0 12.71 2.92 15 6.58 15zm-.31-5c-.73 0-1.36-.52-1.36-1.67 0-1.45.94-3.22 2.41-3.22.52 0 .84.2 1.25.83l-.52 3.02c-.63.73-1.25 1.05-1.78 1.05V10z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/milestone.svg b/packages/frontend/src/icons/milestone.svg
new file mode 100644
index 0000000..803465b
--- /dev/null
+++ b/packages/frontend/src/icons/milestone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M8 2H6V0h2v2zm4 5H2c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h10l2 2-2 2zM8 4H6v2h2V4zM6 16h2V8H6v8z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/mirror.svg b/packages/frontend/src/icons/mirror.svg
new file mode 100644
index 0000000..76e0c37
--- /dev/null
+++ b/packages/frontend/src/icons/mirror.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15.5 4.7L8.5 0l-7 4.7c-.3.19-.5.45-.5.8V16l7.5-4 7.5 4V5.5c0-.34-.2-.61-.5-.8zm-.5 9.8l-6-3.25V10H8v1.25L2 14.5v-9l6-4V6h1V1.5l6 4v9zM6 7h5V5l3 3-3 3V9H6v2L3 8l3-3v2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/mortar-board.svg b/packages/frontend/src/icons/mortar-board.svg
new file mode 100644
index 0000000..869f9ae
--- /dev/null
+++ b/packages/frontend/src/icons/mortar-board.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.83 9.19L4 8c-4-8 0 1.5 0 2.5S5.8 12 8 12s4-.5 4-1.5V8L8.17 9.19a.73.73 0 0 1-.36 0h.02zm.28-6.39a.34.34 0 0 0-.2 0L.27 5.18a.35.35 0 0 0 0 .67L2 6.4v1.77c-.3.17-.5.5-.5.86 0 .19.05.36.14.5-.08.14-.14.31-.14.5v2.58c0 .55 2 .55 2 0v-2.58c0-.19-.05-.36-.14-.5.08-.14.14-.31.14-.5 0-.38-.2-.69-.5-.86V6.72l4.89 1.53c.06.02.14.02.2 0l7.64-2.38a.35.35 0 0 0 0-.67L8.1 2.81l.01-.01zM8.02 6c-.55 0-1-.22-1-.5s.45-.5 1-.5 1 .22 1 .5-.45.5-1 .5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/mute.svg b/packages/frontend/src/icons/mute.svg
new file mode 100644
index 0000000..e448808
--- /dev/null
+++ b/packages/frontend/src/icons/mute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 2.81v10.38c0 .67-.81 1-1.28.53L3 10H1c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h2l3.72-3.72C7.19 1.81 8 2.14 8 2.81zm7.53 3.22l-1.06-1.06-1.97 1.97-1.97-1.97-1.06 1.06L11.44 8 9.47 9.97l1.06 1.06 1.97-1.97 1.97 1.97 1.06-1.06L13.56 8l1.97-1.97z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/no-newline.svg b/packages/frontend/src/icons/no-newline.svg
new file mode 100644
index 0000000..2a8fb94
--- /dev/null
+++ b/packages/frontend/src/icons/no-newline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M16 5v3c0 .55-.45 1-1 1h-3v2L9 8l3-3v2h2V5h2zM8 8c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zM1.5 9.66L5.66 5.5C5.18 5.19 4.61 5 4 5 2.34 5 1 6.34 1 8c0 .61.19 1.17.5 1.66zM7 8c0-.61-.19-1.17-.5-1.66L2.34 10.5c.48.31 1.05.5 1.66.5 1.66 0 3-1.34 3-3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/note.svg b/packages/frontend/src/icons/note.svg
new file mode 100644
index 0000000..cbf7963
--- /dev/null
+++ b/packages/frontend/src/icons/note.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M3 10h4V9H3v1zm0-2h6V7H3v1zm0-2h8V5H3v1zm10 6H1V3h12v9zM1 2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1H1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/octoface.svg b/packages/frontend/src/icons/octoface.svg
new file mode 100644
index 0000000..bb1a40d
--- /dev/null
+++ b/packages/frontend/src/icons/octoface.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.7 5.34c.13-.32.55-1.59-.13-3.31 0 0-1.05-.33-3.44 1.3-1-.28-2.07-.32-3.13-.32s-2.13.04-3.13.32c-2.39-1.64-3.44-1.3-3.44-1.3-.68 1.72-.26 2.99-.13 3.31C.49 6.21 0 7.33 0 8.69 0 13.84 3.33 15 7.98 15S16 13.84 16 8.69c0-1.36-.49-2.48-1.3-3.35zM8 14.02c-3.3 0-5.98-.15-5.98-3.35 0-.76.38-1.48 1.02-2.07 1.07-.98 2.9-.46 4.96-.46 2.07 0 3.88-.52 4.96.46.65.59 1.02 1.3 1.02 2.07 0 3.19-2.68 3.35-5.98 3.35zM5.49 9.01c-.66 0-1.2.8-1.2 1.78s.54 1.79 1.2 1.79c.66 0 1.2-.8 1.2-1.79s-.54-1.78-1.2-1.78zm5.02 0c-.66 0-1.2.79-1.2 1.78s.54 1.79 1.2 1.79c.66 0 1.2-.8 1.2-1.79s-.53-1.78-1.2-1.78z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/organization.svg b/packages/frontend/src/icons/organization.svg
new file mode 100644
index 0000000..6bf4ae9
--- /dev/null
+++ b/packages/frontend/src/icons/organization.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M16 12.999c0 .439-.45 1-1 1H7.995c-.539 0-.994-.447-.995-.999H1c-.54 0-1-.561-1-1 0-2.634 3-4 3-4s.229-.409 0-1c-.841-.621-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.442.58 2.5 3c.058 2.41-.159 2.379-1 3-.229.59 0 1 0 1s1.549.711 2.42 2.088C9.196 9.369 10 8.999 10 8.999s.229-.409 0-1c-.841-.62-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.437.581 2.495 3c.059 2.41-.158 2.38-1 3-.229.59 0 1 0 1s3.005 1.366 3.005 4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/package.svg b/packages/frontend/src/icons/package.svg
new file mode 100644
index 0000000..2db0351
--- /dev/null
+++ b/packages/frontend/src/icons/package.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 4.27v7.47c0 .45.3.84.75.97l6.5 1.73c.16.05.34.05.5 0l6.5-1.73c.45-.13.75-.52.75-.97V4.27c0-.45-.3-.84-.75-.97l-6.5-1.74a1.4 1.4 0 0 0-.5 0L1.75 3.3c-.45.13-.75.52-.75.97zm7 9.09l-6-1.59V5l6 1.61v6.75zM2 4l2.5-.67L11 5.06l-2.5.67L2 4zm13 7.77l-6 1.59V6.61l2-.55V8.5l2-.53V5.53L15 5v6.77zm-2-7.24L6.5 2.8l2-.53L15 4l-2 .53z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/paintcan.svg b/packages/frontend/src/icons/paintcan.svg
new file mode 100644
index 0000000..08b4a4b
--- /dev/null
+++ b/packages/frontend/src/icons/paintcan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.69 0 6v1c0 .55.45 1 1 1v5c0 1.1 2.24 2 5 2s5-.9 5-2V8c.55 0 1-.45 1-1V6c0-3.31-2.69-6-6-6zm3 10v.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5V10c0-.28-.22-.5-.5-.5s-.5.22-.5.5v2.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-2c0-.28-.22-.5-.5-.5s-.5.22-.5.5v.5c0 .55-.45 1-1 1s-1-.45-1-1v-1c-.55 0-1-.45-1-1V7.2c.91.49 2.36.8 4 .8 1.64 0 3.09-.31 4-.8V9c0 .55-.45 1-1 1zM6 7c-1.68 0-3.12-.41-3.71-1C2.88 5.41 4.32 5 6 5c1.68 0 3.12.41 3.71 1-.59.59-2.03 1-3.71 1zm0-3c-2.76 0-5 .89-5 2 0-2.76 2.24-5 5-5s5 2.24 5 5c0-1.1-2.24-2-5-2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/pencil.svg b/packages/frontend/src/icons/pencil.svg
new file mode 100644
index 0000000..8702f4d
--- /dev/null
+++ b/packages/frontend/src/icons/pencil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M0 12v3h3l8-8-3-3-8 8zm3 2H1v-2h1v1h1v1zm10.3-9.3L12 6 9 3l1.3-1.3a.996.996 0 0 1 1.41 0l1.59 1.59c.39.39.39 1.02 0 1.41z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/person.svg b/packages/frontend/src/icons/person.svg
new file mode 100644
index 0000000..5871e2f
--- /dev/null
+++ b/packages/frontend/src/icons/person.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M12 14.002a.998.998 0 0 1-.998.998H1.001A1 1 0 0 1 0 13.999V13c0-2.633 4-4 4-4s.229-.409 0-1c-.841-.62-.944-1.59-1-4 .173-2.413 1.867-3 3-3s2.827.586 3 3c-.056 2.41-.159 3.38-1 4-.229.59 0 1 0 1s4 1.367 4 4v1.002z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/pin.svg b/packages/frontend/src/icons/pin.svg
new file mode 100644
index 0000000..95405c5
--- /dev/null
+++ b/packages/frontend/src/icons/pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10 1.2V2l.5 1L6 6H2.2c-.44 0-.67.53-.34.86L5 10l-4 5 5-4 3.14 3.14a.5.5 0 0 0 .86-.34V10l3-4.5 1 .5h.8c.44 0 .67-.53.34-.86L10.86.86a.5.5 0 0 0-.86.34z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/plug.svg b/packages/frontend/src/icons/plug.svg
new file mode 100644
index 0000000..42865d5
--- /dev/null
+++ b/packages/frontend/src/icons/plug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M14 6V5h-4V3H8v1H6c-1.03 0-1.77.81-2 2L3 7c-1.66 0-3 1.34-3 3v2h1v-2c0-1.11.89-2 2-2l1 1c.25 1.16.98 2 2 2h2v1h2v-2h4V9h-4V6h4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/plus-small.svg b/packages/frontend/src/icons/plus-small.svg
new file mode 100644
index 0000000..5e093a4
--- /dev/null
+++ b/packages/frontend/src/icons/plus-small.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="7" height="16" viewBox="0 0 7 16"><path fill-rule="evenodd" d="M4 4H3v3H0v1h3v3h1V8h3V7H4V4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/plus.svg b/packages/frontend/src/icons/plus.svg
new file mode 100644
index 0000000..23c27d8
--- /dev/null
+++ b/packages/frontend/src/icons/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/primitive-dot.svg b/packages/frontend/src/icons/primitive-dot.svg
new file mode 100644
index 0000000..6f465da
--- /dev/null
+++ b/packages/frontend/src/icons/primitive-dot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16"><path fill-rule="evenodd" d="M0 8c0-2.2 1.8-4 4-4s4 1.8 4 4-1.8 4-4 4-4-1.8-4-4z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/primitive-square.svg b/packages/frontend/src/icons/primitive-square.svg
new file mode 100644
index 0000000..9d4058b
--- /dev/null
+++ b/packages/frontend/src/icons/primitive-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16"><path fill-rule="evenodd" d="M8 12H0V4h8v8z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/project.svg b/packages/frontend/src/icons/project.svg
new file mode 100644
index 0000000..a728f74
--- /dev/null
+++ b/packages/frontend/src/icons/project.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16"><path fill-rule="evenodd" d="M10 12h3V2h-3v10zm-4-2h3V2H6v8zm-4 4h3V2H2v12zm-1 1h13V1H1v14zM14 0H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/pulse.svg b/packages/frontend/src/icons/pulse.svg
new file mode 100644
index 0000000..4ec57ba
--- /dev/null
+++ b/packages/frontend/src/icons/pulse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M11.5 8L8.8 5.4 6.6 8.5 5.5 1.6 2.38 8H0v2h3.6l.9-1.8.9 5.4L9 8.5l1.6 1.5H14V8h-2.5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/question.svg b/packages/frontend/src/icons/question.svg
new file mode 100644
index 0000000..a6fc753
--- /dev/null
+++ b/packages/frontend/src/icons/question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6 10h2v2H6v-2zm4-3.5C10 8.64 8 9 8 9H6c0-.55.45-1 1-1h.5c.28 0 .5-.22.5-.5v-1c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5V7H4c0-1.5 1.5-3 3-3s3 1 3 2.5zM7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/quote.svg b/packages/frontend/src/icons/quote.svg
new file mode 100644
index 0000000..da5c2b2
--- /dev/null
+++ b/packages/frontend/src/icons/quote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.16 3.5C3.73 5.06 2.55 6.67 2.55 9.36c.16-.05.3-.05.44-.05 1.27 0 2.5.86 2.5 2.41 0 1.61-1.03 2.61-2.5 2.61-1.9 0-2.99-1.52-2.99-4.25 0-3.8 1.75-6.53 5.02-8.42L6.16 3.5zm7 0c-2.43 1.56-3.61 3.17-3.61 5.86.16-.05.3-.05.44-.05 1.27 0 2.5.86 2.5 2.41 0 1.61-1.03 2.61-2.5 2.61-1.89 0-2.98-1.52-2.98-4.25 0-3.8 1.75-6.53 5.02-8.42l1.14 1.84h-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/radio-tower.svg b/packages/frontend/src/icons/radio-tower.svg
new file mode 100644
index 0000000..f89a705
--- /dev/null
+++ b/packages/frontend/src/icons/radio-tower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.79 6.11c.25-.25.25-.67 0-.92-.32-.33-.48-.76-.48-1.19 0-.43.16-.86.48-1.19.25-.26.25-.67 0-.92a.613.613 0 0 0-.45-.19c-.16 0-.33.06-.45.19-.57.58-.85 1.35-.85 2.11 0 .76.29 1.53.85 2.11.25.25.66.25.9 0zM2.33.52a.651.651 0 0 0-.92 0C.48 1.48.01 2.74.01 3.99c0 1.26.47 2.52 1.4 3.48.25.26.66.26.91 0s.25-.68 0-.94c-.68-.7-1.02-1.62-1.02-2.54 0-.92.34-1.84 1.02-2.54a.66.66 0 0 0 .01-.93zm5.69 5.1A1.62 1.62 0 1 0 6.4 4c-.01.89.72 1.62 1.62 1.62zM14.59.53a.628.628 0 0 0-.91 0c-.25.26-.25.68 0 .94.68.7 1.02 1.62 1.02 2.54 0 .92-.34 1.83-1.02 2.54-.25.26-.25.68 0 .94a.651.651 0 0 0 .92 0c.93-.96 1.4-2.22 1.4-3.48A5.048 5.048 0 0 0 14.59.53zM8.02 6.92c-.41 0-.83-.1-1.2-.3l-3.15 8.37h1.49l.86-1h4l.84 1h1.49L9.21 6.62c-.38.2-.78.3-1.19.3zm-.01.48L9.02 11h-2l.99-3.6zm-1.99 5.59l1-1h2l1 1h-4zm5.19-11.1c-.25.25-.25.67 0 .92.32.33.48.76.48 1.19 0 .43-.16.86-.48 1.19-.25.26-.25.67 0 .92a.63.63 0 0 0 .9 0c.57-.58.85-1.35.85-2.11 0-.76-.28-1.53-.85-2.11a.634.634 0 0 0-.9 0z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/reply.svg b/packages/frontend/src/icons/reply.svg
new file mode 100644
index 0000000..12717db
--- /dev/null
+++ b/packages/frontend/src/icons/reply.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6 3.5c3.92.44 8 3.125 8 10-2.312-5.062-4.75-6-8-6V11L.5 5.5 6 0v3.5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/repo-clone.svg b/packages/frontend/src/icons/repo-clone.svg
new file mode 100644
index 0000000..32b86e8
--- /dev/null
+++ b/packages/frontend/src/icons/repo-clone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 0H9v7c0 .55.45 1 1 1h1v1h1V8h3c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-4 7h-1V6h1v1zm4 0h-3V6h3v1zm0-2h-4V1h4v4zM4 5H3V4h1v1zm0-2H3V2h1v1zM2 1h6V0H1C.45 0 0 .45 0 1v12c0 .55.45 1 1 1h2v2l1.5-1.5L6 16v-2h5c.55 0 1-.45 1-1v-3H2V1zm9 10v2H6v-1H3v1H1v-2h10zM3 8h1v1H3V8zm1-1H3V6h1v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/repo-force-push.svg b/packages/frontend/src/icons/repo-force-push.svg
new file mode 100644
index 0000000..0aece33
--- /dev/null
+++ b/packages/frontend/src/icons/repo-force-push.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M10 9H8v7H6V9H4l2.25-3H4l3-4 3 4H7.75L10 9zm1-9H1C.45 0 0 .45 0 1v12c0 .55.45 1 1 1h4v-1H1v-2h4v-1H2V1h9v9H9v1h2v2H9v1h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/repo-forked.svg b/packages/frontend/src/icons/repo-forked.svg
new file mode 100644
index 0000000..cc5e46a
--- /dev/null
+++ b/packages/frontend/src/icons/repo-forked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/repo-pull.svg b/packages/frontend/src/icons/repo-pull.svg
new file mode 100644
index 0000000..dfe8e6c
--- /dev/null
+++ b/packages/frontend/src/icons/repo-pull.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13 8V6H7V4h6V2l3 3-3 3zM4 2H3v1h1V2zm7 5h1v6c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v2h-1V1H2v9h9V7zm0 4H1v2h2v-1h3v1h5v-2zM4 6H3v1h1V6zm0-2H3v1h1V4zM3 9h1V8H3v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/repo-push.svg b/packages/frontend/src/icons/repo-push.svg
new file mode 100644
index 0000000..408dca6
--- /dev/null
+++ b/packages/frontend/src/icons/repo-push.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M4 3H3V2h1v1zM3 5h1V4H3v1zm4 0L4 9h2v7h2V9h2L7 5zm4-5H1C.45 0 0 .45 0 1v12c0 .55.45 1 1 1h4v-1H1v-2h4v-1H2V1h9.02L11 10H9v1h2v2H9v1h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/repo.svg b/packages/frontend/src/icons/repo.svg
new file mode 100644
index 0000000..e653d4e
--- /dev/null
+++ b/packages/frontend/src/icons/repo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/report.svg b/packages/frontend/src/icons/report.svg
new file mode 100644
index 0000000..3f93ee4
--- /dev/null
+++ b/packages/frontend/src/icons/report.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H7l-4 4v-4H1a1 1 0 0 1-1-1V2zm1 0h14v9H6.5L4 13.5V11H1V2zm6 6h2v2H7V8zm0-5h2v4H7V3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/rocket.svg b/packages/frontend/src/icons/rocket.svg
new file mode 100644
index 0000000..98303f8
--- /dev/null
+++ b/packages/frontend/src/icons/rocket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12.17 3.83c-.27-.27-.47-.55-.63-.88-.16-.31-.27-.66-.34-1.02-.58.33-1.16.7-1.73 1.13-.58.44-1.14.94-1.69 1.48-.7.7-1.33 1.81-1.78 2.45H3L0 10h3l2-2c-.34.77-1.02 2.98-1 3l1 1c.02.02 2.23-.64 3-1l-2 2v3l3-3v-3c.64-.45 1.75-1.09 2.45-1.78.55-.55 1.05-1.13 1.47-1.7.44-.58.81-1.16 1.14-1.72-.36-.08-.7-.19-1.03-.34a3.39 3.39 0 0 1-.86-.63zM16 0s-.09.38-.3 1.06c-.2.7-.55 1.58-1.06 2.66-.7-.08-1.27-.33-1.66-.72-.39-.39-.63-.94-.7-1.64C13.36.84 14.23.48 14.92.28 15.62.08 16 0 16 0z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/rss.svg b/packages/frontend/src/icons/rss.svg
new file mode 100644
index 0000000..3b2705d
--- /dev/null
+++ b/packages/frontend/src/icons/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M2 13H0v-2c1.11 0 2 .89 2 2zM0 3v1a9 9 0 0 1 9 9h1C10 7.48 5.52 3 0 3zm0 4v1c2.75 0 5 2.25 5 5h1c0-3.31-2.69-6-6-6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/ruby.svg b/packages/frontend/src/icons/ruby.svg
new file mode 100644
index 0000000..8463908
--- /dev/null
+++ b/packages/frontend/src/icons/ruby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13 6l-5 5V4h3l2 2zm3 0l-8 8-8-8 4-4h8l4 4zm-8 6.5L14.5 6l-3-3h-7l-3 3L8 12.5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/screen-full.svg b/packages/frontend/src/icons/screen-full.svg
new file mode 100644
index 0000000..e78d371
--- /dev/null
+++ b/packages/frontend/src/icons/screen-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 10h1v3c0 .547-.453 1-1 1h-3v-1h3v-3zM1 10H0v3c0 .547.453 1 1 1h3v-1H1v-3zm0-7h3V2H1c-.547 0-1 .453-1 1v3h1V3zm1 1h10v8H2V4zm2 6h6V6H4v4zm6-8v1h3v3h1V3c0-.547-.453-1-1-1h-3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/screen-normal.svg b/packages/frontend/src/icons/screen-normal.svg
new file mode 100644
index 0000000..a884713
--- /dev/null
+++ b/packages/frontend/src/icons/screen-normal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M2 4H0V3h2V1h1v2c0 .547-.453 1-1 1zm0 8H0v1h2v2h1v-2c0-.547-.453-1-1-1zm9-2c0 .547-.453 1-1 1H4c-.547 0-1-.453-1-1V6c0-.547.453-1 1-1h6c.547 0 1 .453 1 1v4zM9 7H5v2h4V7zm2 6v2h1v-2h2v-1h-2c-.547 0-1 .453-1 1zm1-10V1h-1v2c0 .547.453 1 1 1h2V3h-2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/search.svg b/packages/frontend/src/icons/search.svg
new file mode 100644
index 0000000..d0304b6
--- /dev/null
+++ b/packages/frontend/src/icons/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15.7 13.3l-3.81-3.83A5.93 5.93 0 0 0 13 6c0-3.31-2.69-6-6-6S1 2.69 1 6s2.69 6 6 6c1.3 0 2.48-.41 3.47-1.11l3.83 3.81c.19.2.45.3.7.3.25 0 .52-.09.7-.3a.996.996 0 0 0 0-1.41v.01zM7 10.7c-2.59 0-4.7-2.11-4.7-4.7 0-2.59 2.11-4.7 4.7-4.7 2.59 0 4.7 2.11 4.7 4.7 0 2.59-2.11 4.7-4.7 4.7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/server.svg b/packages/frontend/src/icons/server.svg
new file mode 100644
index 0000000..78bc79f
--- /dev/null
+++ b/packages/frontend/src/icons/server.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11 6H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1zM2 9H1V7h1v2zm2 0H3V7h1v2zm2 0H5V7h1v2zm2 0H7V7h1v2zm3-8H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zM2 4H1V2h1v2zm2 0H3V2h1v2zm2 0H5V2h1v2zm2 0H7V2h1v2zm3-1h-1V2h1v1zm0 8H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h10c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1zm-9 3H1v-2h1v2zm2 0H3v-2h1v2zm2 0H5v-2h1v2zm2 0H7v-2h1v2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/settings.svg b/packages/frontend/src/icons/settings.svg
new file mode 100644
index 0000000..f22b92e
--- /dev/null
+++ b/packages/frontend/src/icons/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 7H3V2h1v5zm-1 7h1v-3H3v3zm5 0h1V8H8v6zm5 0h1v-2h-1v2zm1-12h-1v6h1V2zM9 2H8v2h1V2zM5 8H2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1zm5-3H7c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1zm5 4h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/shield.svg b/packages/frontend/src/icons/shield.svg
new file mode 100644
index 0000000..087a969
--- /dev/null
+++ b/packages/frontend/src/icons/shield.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 0L0 2v6.02C0 12.69 5.31 16 7 16c1.69 0 7-3.31 7-7.98V2L7 0zM5 11l1.14-2.8a.568.568 0 0 0-.25-.59C5.33 7.25 5 6.66 5 6c0-1.09.89-2 1.98-2C8.06 4 9 4.91 9 6c0 .66-.33 1.25-.89 1.61-.19.13-.3.36-.25.59L9 11H5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/sign-in.svg b/packages/frontend/src/icons/sign-in.svg
new file mode 100644
index 0000000..91560c6
--- /dev/null
+++ b/packages/frontend/src/icons/sign-in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 6.75V12h4V8h1v4c0 .55-.45 1-1 1H7v3l-5.45-2.72c-.33-.17-.55-.52-.55-.91V1c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v3h-1V1H3l4 2v2.25L10 3v2h4v2h-4v2L7 6.75z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/sign-out.svg b/packages/frontend/src/icons/sign-out.svg
new file mode 100644
index 0000000..e54ca58
--- /dev/null
+++ b/packages/frontend/src/icons/sign-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.992 8.994V6.996H7.995v-2h3.997V2.999l3.998 2.998-3.998 2.998zm-1.998 2.998H5.996V2.998L2 1h7.995v2.998h1V1c0-.55-.45-.999-1-.999H.999A1.001 1.001 0 0 0 0 1v11.372c0 .39.22.73.55.91L5.996 16v-3.008h3.998c.55 0 1-.45 1-1V7.996h-1v3.998z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/smiley.svg b/packages/frontend/src/icons/smiley.svg
new file mode 100644
index 0000000..0d93af5
--- /dev/null
+++ b/packages/frontend/src/icons/smiley.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.81 12.81a6.72 6.72 0 0 1-2.17 1.45c-.83.36-1.72.53-2.64.53-.92 0-1.81-.17-2.64-.53-.81-.34-1.55-.83-2.17-1.45a6.773 6.773 0 0 1-1.45-2.17A6.59 6.59 0 0 1 1.21 8c0-.92.17-1.81.53-2.64.34-.81.83-1.55 1.45-2.17.62-.62 1.36-1.11 2.17-1.45A6.59 6.59 0 0 1 8 1.21c.92 0 1.81.17 2.64.53.81.34 1.55.83 2.17 1.45.62.62 1.11 1.36 1.45 2.17.36.83.53 1.72.53 2.64 0 .92-.17 1.81-.53 2.64-.34.81-.83 1.55-1.45 2.17zM4 6.8v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2H5.2C4.53 8 4 7.47 4 6.8zm5 0v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2h-.59C9.53 8 9 7.47 9 6.8zm4 3.2c-.72 1.88-2.91 3-5 3s-4.28-1.13-5-3c-.14-.39.23-1 .66-1h8.59c.41 0 .89.61.75 1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/squirrel.svg b/packages/frontend/src/icons/squirrel.svg
new file mode 100644
index 0000000..3e5b51b
--- /dev/null
+++ b/packages/frontend/src/icons/squirrel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12 1C9.79 1 8 2.31 8 3.92c0 1.94.5 3.03 0 6.08 0-4.5-2.77-6.34-4-6.34.05-.5-.48-.66-.48-.66s-.22.11-.3.34c-.27-.31-.56-.27-.56-.27l-.13.58S.7 4.29.68 6.87c.2.33 1.53.6 2.47.43.89.05.67.79.47.99C2.78 9.13 2 8 1 8S0 9 1 9s1 1 3 1c-3.09 1.2 0 4 0 4H3c-1 0-1 1-1 1h6c3 0 5-1 5-3.47 0-.85-.43-1.79-1-2.53-1.11-1.46.23-2.68 1-2 .77.68 3 1 3-2 0-2.21-1.79-4-4-4zM2.5 6c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/star.svg b/packages/frontend/src/icons/star.svg
new file mode 100644
index 0000000..9444880
--- /dev/null
+++ b/packages/frontend/src/icons/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/stop.svg b/packages/frontend/src/icons/stop.svg
new file mode 100644
index 0000000..6ae8523
--- /dev/null
+++ b/packages/frontend/src/icons/stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M10 1H4L0 5v6l4 4h6l4-4V5l-4-4zm3 9.5L9.5 14h-5L1 10.5v-5L4.5 2h5L13 5.5v5zM6 4h2v5H6V4zm0 6h2v2H6v-2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/sync.svg b/packages/frontend/src/icons/sync.svg
new file mode 100644
index 0000000..692349a
--- /dev/null
+++ b/packages/frontend/src/icons/sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M10.24 7.4a4.15 4.15 0 0 1-1.2 3.6 4.346 4.346 0 0 1-5.41.54L4.8 10.4.5 9.8l.6 4.2 1.31-1.26c2.36 1.74 5.7 1.57 7.84-.54a5.876 5.876 0 0 0 1.74-4.46l-1.75-.34zM2.96 5a4.346 4.346 0 0 1 5.41-.54L7.2 5.6l4.3.6-.6-4.2-1.31 1.26c-2.36-1.74-5.7-1.57-7.85.54C.5 5.03-.06 6.65.01 8.26l1.75.35A4.17 4.17 0 0 1 2.96 5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/tag.svg b/packages/frontend/src/icons/tag.svg
new file mode 100644
index 0000000..5d2144e
--- /dev/null
+++ b/packages/frontend/src/icons/tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7.685 1.72a2.49 2.49 0 0 0-1.76-.726H3.48A2.5 2.5 0 0 0 .994 3.48v2.456c0 .656.269 1.292.726 1.76l6.024 6.024a.99.99 0 0 0 1.402 0l4.563-4.563a.99.99 0 0 0 0-1.402L7.685 1.72zM2.366 7.048A1.54 1.54 0 0 1 1.9 5.925V3.48c0-.874.716-1.58 1.58-1.58h2.456c.418 0 .825.159 1.123.467l6.104 6.094-4.702 4.702-6.094-6.114zm.626-4.066h1.989v1.989H2.982V2.982h.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/tasklist.svg b/packages/frontend/src/icons/tasklist.svg
new file mode 100644
index 0000000..a0bd560
--- /dev/null
+++ b/packages/frontend/src/icons/tasklist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15.41 9H7.59C7 9 7 8.59 7 8c0-.59 0-1 .59-1h7.81c.59 0 .59.41.59 1 0 .59 0 1-.59 1h.01zM9.59 4C9 4 9 3.59 9 3c0-.59 0-1 .59-1h5.81c.59 0 .59.41.59 1 0 .59 0 1-.59 1H9.59zM0 3.91l1.41-1.3L3 4.2 7.09 0 8.5 1.41 3 6.91l-3-3zM7.59 12h7.81c.59 0 .59.41.59 1 0 .59 0 1-.59 1H7.59C7 14 7 13.59 7 13c0-.59 0-1 .59-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/telescope.svg b/packages/frontend/src/icons/telescope.svg
new file mode 100644
index 0000000..95047dc
--- /dev/null
+++ b/packages/frontend/src/icons/telescope.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M8 9l3 6h-1l-2-4v5H7v-6l-2 5H4l2-5 2-1zM7 0H6v1h1V0zM5 3H4v1h1V3zM2 1H1v1h1V1zM.63 9a.52.52 0 0 0-.16.67l.55.92c.13.23.41.31.64.2l1.39-.66-1.16-2-1.27.86.01.01zm7.89-5.39l-5.8 3.95L3.95 9.7l6.33-3.03-1.77-3.06h.01zm4.22 1.28l-1.47-2.52a.51.51 0 0 0-.72-.17l-1.2.83 1.84 3.2 1.33-.64c.27-.13.36-.44.22-.7z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/terminal.svg b/packages/frontend/src/icons/terminal.svg
new file mode 100644
index 0000000..d6072fc
--- /dev/null
+++ b/packages/frontend/src/icons/terminal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 10h4v1H7v-1zm-3 1l3-3-3-3-.75.75L5.5 8l-2.25 2.25L4 11zm10-8v10c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h12c.55 0 1 .45 1 1zm-1 0H1v10h12V3z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/text-size.svg b/packages/frontend/src/icons/text-size.svg
new file mode 100644
index 0000000..f83a5f9
--- /dev/null
+++ b/packages/frontend/src/icons/text-size.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16"><path fill-rule="evenodd" d="M13.62 9.08L12.1 3.66h-.06l-1.5 5.42h3.08zM5.7 10.13S4.68 6.52 4.53 6.02h-.08l-1.13 4.11H5.7zM17.31 14h-2.25l-.95-3.25h-4.07L9.09 14H6.84l-.69-2.33H2.87L2.17 14H0l3.3-9.59h2.5l2.17 6.34L10.86 2h2.52l3.94 12h-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/three-bars.svg b/packages/frontend/src/icons/three-bars.svg
new file mode 100644
index 0000000..bb3b2c8
--- /dev/null
+++ b/packages/frontend/src/icons/three-bars.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11.41 9H.59C0 9 0 8.59 0 8c0-.59 0-1 .59-1H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1h.01zm0-4H.59C0 5 0 4.59 0 4c0-.59 0-1 .59-1H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1h.01zM.59 11H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1H.59C0 13 0 12.59 0 12c0-.59 0-1 .59-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/thumbsdown.svg b/packages/frontend/src/icons/thumbsdown.svg
new file mode 100644
index 0000000..091e2f9
--- /dev/null
+++ b/packages/frontend/src/icons/thumbsdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15.97 7.825L15 1.88C14.83.499 13.123 0 11.994 0H5.686c-.2 0-.38.05-.53.14L3.719 1h-1.72C.94 1 0 1.938 0 2.997v3.998c0 1.059.94 2.018 1.999 1.998h1.999c.909 0 1.389.45 2.388 1.55.91.999.88 1.798.63 3.267-.08.5.06 1 .42 1.42.39.47.979.769 1.558.769 1.83 0 2.999-3.718 2.999-5.017l-.02-.98h2.038c1.16 0 1.949-.799 1.979-1.968 0-.06.02-.13-.02-.2v-.01zm-1.969 1.19h-1.989c-.7 0-1.029.28-1.029.969l.03 1.03c0 1.268-1.17 3.997-1.999 3.997-.5 0-1.079-.5-.999-1 .25-1.579.34-2.778-.89-4.137-1.019-1.13-1.768-1.879-3.127-1.879V1.999l1.668-1h6.327c.729 0 1.948.31 1.998 1l.02.02 1 5.996c-.03.64-.38 1-1 1h-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/thumbsup.svg b/packages/frontend/src/icons/thumbsup.svg
new file mode 100644
index 0000000..746c1e9
--- /dev/null
+++ b/packages/frontend/src/icons/thumbsup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13.991 13.991c-.05.69-1.269 1-1.998 1H5.666l-1.668-1V7.995c1.359 0 2.108-.75 3.128-1.879 1.229-1.359 1.139-2.558.879-4.127-.08-.5.5-1 1-1 .829 0 1.998 2.729 1.998 3.998l-.02 1.03c0 .689.33.969 1.02.969H14c.63 0 .98.36 1 .999l-1 5.996-.01.01zm0-7.995h-2.018l.02-.98C11.993 3.719 10.823 0 8.994 0c-.58 0-1.169.3-1.559.77-.36.41-.5.909-.42 1.409.25 1.479.28 2.278-.629 3.278-1 1.089-1.48 1.549-2.388 1.549h-2C.94 6.996 0 7.935 0 8.994v3.998c0 1.06.94 1.999 1.999 1.999h1.719l1.439.86c.16.089.33.139.52.139h6.325c1.13 0 2.839-.5 2.999-1.879l.979-5.946c.02-.08.02-.14.02-.2-.03-1.17-.84-1.969-1.999-1.969h-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/tools.svg b/packages/frontend/src/icons/tools.svg
new file mode 100644
index 0000000..67a5984
--- /dev/null
+++ b/packages/frontend/src/icons/tools.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.48 7.27c.26.26 1.28 1.33 1.28 1.33l.56-.58-.88-.91 1.69-1.8s-.76-.74-.43-.45c.32-1.19.03-2.51-.87-3.44C4.93.5 3.66.2 2.52.51l1.93 2-.51 1.96-1.89.52-1.93-2C-.19 4.17.1 5.48 1 6.4c.94.98 2.29 1.26 3.48.87zm6.44 1.94l-2.33 2.3 3.84 3.98c.31.33.73.49 1.14.49.41 0 .82-.16 1.14-.49.63-.65.63-1.7 0-2.35l-3.79-3.93zM16 2.53L13.55 0 6.33 7.46l.88.91-4.31 4.46-.99.53-1.39 2.27.35.37 2.2-1.44.51-1.02L7.9 9.08l.88.91L16 2.53z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/trashcan.svg b/packages/frontend/src/icons/trashcan.svg
new file mode 100644
index 0000000..3d8c051
--- /dev/null
+++ b/packages/frontend/src/icons/trashcan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M11 2H9c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1H2c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V5c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 12H3V5h1v8h1V5h1v8h1V5h1v8h1V5h1v9zm1-10H2V3h9v1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/triangle-down.svg b/packages/frontend/src/icons/triangle-down.svg
new file mode 100644
index 0000000..faa8896
--- /dev/null
+++ b/packages/frontend/src/icons/triangle-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M0 5l6 6 6-6H0z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/triangle-left.svg b/packages/frontend/src/icons/triangle-left.svg
new file mode 100644
index 0000000..8762036
--- /dev/null
+++ b/packages/frontend/src/icons/triangle-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="16" viewBox="0 0 6 16"><path fill-rule="evenodd" d="M6 2L0 8l6 6V2z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/triangle-right.svg b/packages/frontend/src/icons/triangle-right.svg
new file mode 100644
index 0000000..59c2ac6
--- /dev/null
+++ b/packages/frontend/src/icons/triangle-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="16" viewBox="0 0 6 16"><path fill-rule="evenodd" d="M0 14l6-6-6-6v12z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/triangle-up.svg b/packages/frontend/src/icons/triangle-up.svg
new file mode 100644
index 0000000..98d0654
--- /dev/null
+++ b/packages/frontend/src/icons/triangle-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M12 11L6 5l-6 6h12z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/unfold.svg b/packages/frontend/src/icons/unfold.svg
new file mode 100644
index 0000000..ab04339
--- /dev/null
+++ b/packages/frontend/src/icons/unfold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M11.5 7.5L14 10c0 .55-.45 1-1 1H9v-1h3.5l-2-2h-7l-2 2H5v1H1c-.55 0-1-.45-1-1l2.5-2.5L0 5c0-.55.45-1 1-1h4v1H1.5l2 2h7l2-2H9V4h4c.55 0 1 .45 1 1l-2.5 2.5zM6 6h2V3h2L7 0 4 3h2v3zm2 3H6v3H4l3 3 3-3H8V9z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/unmute.svg b/packages/frontend/src/icons/unmute.svg
new file mode 100644
index 0000000..5d9a978
--- /dev/null
+++ b/packages/frontend/src/icons/unmute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12 8.02c0 1.09-.45 2.09-1.17 2.83l-.67-.67c.55-.56.89-1.31.89-2.16 0-.85-.34-1.61-.89-2.16l.67-.67A3.99 3.99 0 0 1 12 8.02zM7.72 2.28L4 6H2c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h2l3.72 3.72c.47.47 1.28.14 1.28-.53V2.81c0-.67-.81-1-1.28-.53zm5.94.08l-.67.67a6.996 6.996 0 0 1 2.06 4.98c0 1.94-.78 3.7-2.06 4.98l.67.67A7.973 7.973 0 0 0 16 8c0-2.22-.89-4.22-2.34-5.66v.02zm-1.41 1.41l-.69.67a5.05 5.05 0 0 1 1.48 3.58c0 1.39-.56 2.66-1.48 3.56l.69.67A5.97 5.97 0 0 0 14 8.02c0-1.65-.67-3.16-1.75-4.25z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/unverified.svg b/packages/frontend/src/icons/unverified.svg
new file mode 100644
index 0000000..e55595c
--- /dev/null
+++ b/packages/frontend/src/icons/unverified.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15.67 7.066l-1.08-1.34a1.5 1.5 0 0 1-.309-.77l-.19-1.698a1.51 1.51 0 0 0-1.329-1.33l-1.699-.19c-.3-.03-.56-.159-.78-.329L8.945.33a1.504 1.504 0 0 0-1.878 0l-1.34 1.08a1.5 1.5 0 0 1-.77.31l-1.698.19c-.7.08-1.25.63-1.33 1.329l-.19 1.699c-.03.3-.159.56-.329.78L.33 7.055a1.504 1.504 0 0 0 0 1.878l1.08 1.34c.17.22.28.48.31.77l.19 1.698c.08.7.63 1.25 1.329 1.33l1.699.19c.3.03.56.159.78.329l1.339 1.08c.55.439 1.329.439 1.878 0l1.34-1.08c.22-.17.48-.28.77-.31l1.698-.19c.7-.08 1.25-.63 1.33-1.329l.19-1.699c.03-.3.159-.56.329-.78l1.08-1.339a1.504 1.504 0 0 0 0-1.878zm-6.666 4.437c0 .28-.22.5-.5.5h-.999c-.27 0-.5-.22-.5-.5v-1c0-.28.23-.5.5-.5h1c.28 0 .5.22.5.5v1zm1.56-4.887c-.06.17-.17.33-.3.47-.13.16-.14.19-.33.38-.16.17-.31.3-.52.45-.11.089-.2.189-.28.269-.08.08-.14.17-.19.27-.05.1-.08.19-.11.3-.03.11-.03.13-.03.25H7.136c0-.22 0-.31.03-.48.03-.19.08-.36.14-.52.06-.14.14-.28.25-.42.11-.13.23-.25.409-.38.27-.19.36-.3.48-.52.12-.219.2-.379.2-.589 0-.27-.06-.45-.2-.58-.13-.13-.31-.19-.58-.19-.09 0-.19.02-.3.05-.11.03-.17.09-.25.16-.08.07-.14.11-.2.2a.41.41 0 0 0-.09.28H5.028c0-.38.13-.56.27-.83.16-.27.36-.499.61-.669.25-.17.549-.3.879-.38.33-.08.7-.13 1.09-.13.439 0 .829.05 1.168.13.34.09.63.22.88.39.23.17.41.38.55.63.13.25.19.55.19.88 0 .22 0 .419-.08.589l-.02-.01z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/verified.svg b/packages/frontend/src/icons/verified.svg
new file mode 100644
index 0000000..3a2e01d
--- /dev/null
+++ b/packages/frontend/src/icons/verified.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15.67 7.066l-1.08-1.34a1.5 1.5 0 0 1-.309-.77l-.19-1.698a1.51 1.51 0 0 0-1.329-1.33l-1.699-.19c-.3-.03-.56-.159-.78-.329L8.945.33a1.504 1.504 0 0 0-1.878 0l-1.34 1.08a1.5 1.5 0 0 1-.77.31l-1.698.19c-.7.08-1.25.63-1.33 1.329l-.19 1.699c-.03.3-.159.56-.329.78L.33 7.055a1.504 1.504 0 0 0 0 1.878l1.08 1.34c.17.22.28.48.31.77l.19 1.698c.08.7.63 1.25 1.329 1.33l1.699.19c.3.03.56.159.78.329l1.339 1.08c.55.439 1.329.439 1.878 0l1.34-1.08c.22-.17.48-.28.77-.31l1.698-.19c.7-.08 1.25-.63 1.33-1.329l.19-1.699c.03-.3.159-.56.329-.78l1.08-1.339a1.504 1.504 0 0 0 0-1.878zm-9.164 4.936L3.008 8.505l1.5-1.5 1.998 2 4.997-4.997 1.499 1.549-6.496 6.445z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/versions.svg b/packages/frontend/src/icons/versions.svg
new file mode 100644
index 0000000..274bbdb
--- /dev/null
+++ b/packages/frontend/src/icons/versions.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 3H7c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 8H8V5h4v6zM4 4h1v1H4v6h1v1H4c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1zM1 5h1v1H1v4h1v1H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/watch.svg b/packages/frontend/src/icons/watch.svg
new file mode 100644
index 0000000..45b2499
--- /dev/null
+++ b/packages/frontend/src/icons/watch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6 8h2v1H5V5h1v3zm6 0c0 2.22-1.2 4.16-3 5.19V15c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1v-1.81C1.2 12.16 0 10.22 0 8s1.2-4.16 3-5.19V1c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v1.81c1.8 1.03 3 2.97 3 5.19zm-1 0c0-2.77-2.23-5-5-5S1 5.23 1 8s2.23 5 5 5 5-2.23 5-5z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/x.svg b/packages/frontend/src/icons/x.svg
new file mode 100644
index 0000000..e377314
--- /dev/null
+++ b/packages/frontend/src/icons/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/icons/zap.svg b/packages/frontend/src/icons/zap.svg
new file mode 100644
index 0000000..e778194
--- /dev/null
+++ b/packages/frontend/src/icons/zap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M10 7H6l3-7-9 9h4l-3 7 9-9z"/></svg>
\ No newline at end of file
diff --git a/packages/frontend/src/message.ts b/packages/frontend/src/message.ts
new file mode 100644
index 0000000..f05a563
--- /dev/null
+++ b/packages/frontend/src/message.ts
@@ -0,0 +1,146 @@
+import { FeedMessage, Types, Maybe, sleep } from '@dotstats/common';
+import { State, Update } from './state';
+
+const { Actions } = FeedMessage;
+
+const TIMEOUT_BASE = (1000 * 5) as Types.Milliseconds; // 5 seconds
+const TIMEOUT_MAX = (1000 * 60 * 5) as Types.Milliseconds; // 5 minutes
+
+export class Connection {
+    public static async create(update: Update): Promise<Connection> {
+        return new Connection(await Connection.socket(), update);
+    }
+
+    private static readonly address = `ws://${window.location.hostname}:8080`;
+
+
+    private static async socket(): Promise<WebSocket> {
+        let socket = await Connection.trySocket();
+        let timeout = TIMEOUT_BASE;
+
+        while (!socket) {
+            await sleep(timeout);
+
+            timeout = Math.max(timeout * 2, TIMEOUT_MAX) as Types.Milliseconds;
+            socket = await Connection.trySocket();
+        }
+
+        return socket;
+    }
+
+    private static async trySocket(): Promise<Maybe<WebSocket>> {
+        return new Promise<Maybe<WebSocket>>((resolve, _) => {
+            function clean() {
+                socket.removeEventListener('open', onSuccess);
+                socket.removeEventListener('close', onFailure);
+                socket.removeEventListener('error', onFailure);
+            }
+
+            function onSuccess() {
+                clean();
+                resolve(socket);
+            }
+
+            function onFailure() {
+                clean();
+                resolve(null);
+            }
+
+            const socket = new WebSocket(Connection.address);
+
+            socket.addEventListener('open', onSuccess);
+            socket.addEventListener('error', onFailure);
+            socket.addEventListener('close', onFailure);
+        });
+    }
+
+    private socket: WebSocket;
+    private state: Readonly<State>;
+    private readonly update: Update;
+
+    constructor(socket: WebSocket, update: Update) {
+        this.socket = socket;
+        this.update = update;
+        this.state = update(null);
+        this.bindSocket();
+    }
+
+    private bindSocket() {
+        this.socket.addEventListener('message', this.handleMessages);
+        this.socket.addEventListener('close', this.handleDisconnect);
+        this.socket.addEventListener('error', this.handleDisconnect);
+    }
+
+    private clean() {
+        this.socket.removeEventListener('message', this.handleMessages);
+        this.socket.removeEventListener('close', this.handleDisconnect);
+        this.socket.removeEventListener('error', this.handleDisconnect);
+    }
+
+    private handleMessages = (event: MessageEvent) => {
+        const data = event.data as FeedMessage.Data;
+        const nodes = this.state.nodes;
+        const changes = { nodes };
+
+        messages: for (const message of FeedMessage.deserialize(data)) {
+            switch (message.action) {
+                case Actions.BestBlock: {
+                    this.state = this.update({ best: message.payload });
+
+                    continue messages;
+                }
+                case Actions.AddedNode: {
+                    const [id, nodeDetails, nodeStats, blockDetails] = message.payload;
+                    const node = { id, nodeDetails, nodeStats, blockDetails };
+
+                    nodes.set(id, node);
+
+                    break;
+                }
+                case Actions.RemovedNode: {
+                    nodes.delete(message.payload);
+
+                    break;
+                }
+                case Actions.ImportedBlock: {
+                    const [id, blockDetails] = message.payload;
+
+                    const node = nodes.get(id);
+
+                    if (!node) {
+                        return;
+                    }
+
+                    node.blockDetails = blockDetails;
+
+                    break;
+                }
+                case Actions.NodeStats: {
+                    const [id, nodeStats] = message.payload;
+
+                    const node = nodes.get(id);
+
+                    if (!node) {
+                        return;
+                    }
+
+                    node.nodeStats = nodeStats;
+
+                    break;
+                }
+                default: {
+                    return;
+                }
+            }
+        }
+
+        this.state = this.update(changes);
+    }
+
+    private handleDisconnect = async () => {
+        this.clean();
+        this.socket.close();
+        this.socket = await Connection.socket();
+        this.bindSocket();
+    }
+}
diff --git a/packages/frontend/src/state.ts b/packages/frontend/src/state.ts
new file mode 100644
index 0000000..b6cb86f
--- /dev/null
+++ b/packages/frontend/src/state.ts
@@ -0,0 +1,9 @@
+import { Types } from '@dotstats/common';
+import { Node } from './Node';
+
+export interface State {
+    best: Types.BlockNumber,
+    nodes: Map<Types.NodeId, Node.Props>
+}
+
+export type Update = <K extends keyof State>(changes: Pick<State, K> | null) => Readonly<State>;
diff --git a/packages/frontend/src/utils.ts b/packages/frontend/src/utils.ts
new file mode 100644
index 0000000..b88c3d7
--- /dev/null
+++ b/packages/frontend/src/utils.ts
@@ -0,0 +1,25 @@
+export function formatNumber(num: number): string {
+    const input =  num.toString();
+
+    let output = '';
+    let length = input.length;
+
+    while (length > 3) {
+        output = ',' + input.substr(length - 3, 3) + output;
+        length -= 3;
+    }
+
+    output = input.substr(0, length) + output;
+
+    return output;
+}
+
+export function trimHash(hash: string, length: number): string {
+    if (hash.length < length) {
+        return hash;
+    }
+
+    const side = ((length - 2) / 2) | 0;
+
+    return hash.substr(0, side) + '..' + hash.substr(-side, side);
+}
diff --git a/packages/frontend/tsconfig.json b/packages/frontend/tsconfig.json
index 90cc54a..e972877 100644
--- a/packages/frontend/tsconfig.json
+++ b/packages/frontend/tsconfig.json
@@ -8,10 +8,7 @@
     "sourceMap": true,
     "allowJs": true,
     "jsx": "react",
-    "rootDir": "src",
-    "paths": {
-      "@dotstats/common": [ "../common/src" ]
-    }
+    "rootDir": "src"
   },
   "exclude": [
     "node_modules",
@@ -24,7 +21,6 @@
   ],
   "include": [
     "src/**/*.ts",
-    "src/**/*.tsx",
-    "../common/src/**/*.ts"
+    "src/**/*.tsx"
   ]
 }
diff --git a/packages/frontend/tslint.json b/packages/frontend/tslint.json
index fb9d741..02fdaa5 100644
--- a/packages/frontend/tslint.json
+++ b/packages/frontend/tslint.json
@@ -9,8 +9,10 @@
   "rules": {
     "ordered-imports": false,
     "no-console": false,
-    "interface-name": false,
     "no-unused-variable": [true, {"ignore-pattern": "^_"}],
-    "no-empty": false
+    "no-empty": false,
+    "no-namespace": false,
+    "no-bitwise": false,
+    "interface-name": false
   }
 }
diff --git a/scripts/start-backend.sh b/scripts/start-backend.sh
index 294dcd8..49f4590 100755
--- a/scripts/start-backend.sh
+++ b/scripts/start-backend.sh
@@ -1,3 +1,3 @@
 scripts/build-common.sh
 scripts/build-backend.sh
-node packages/backend/build/backend/src/index.js
+node packages/backend/build/index.js
diff --git a/tsconfig.json b/tsconfig.json
index 263b9a1..b895ea8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,6 +6,7 @@
     "outDir": "build",
     "sourceMap": true,
     "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
     "noEmitOnError": false,
     "pretty": true,
     "forceConsistentCasingInFileNames": true,
@@ -14,10 +15,7 @@
     "noImplicitAny": true,
     "noImplicitThis": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "paths": {
-      "@dotstats/common": [ "packages/common/src" ]
-    }
+    "suppressImplicitAnyIndexErrors": true
   },
   "typeRoots": [
     "./node_modules/@types"
diff --git a/yarn.lock b/yarn.lock
index 418337a..0f16a8f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16,6 +16,10 @@
     esutils "^2.0.2"
     js-tokens "^3.0.0"
 
+"@tanem/svg-injector@^1.2.0":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@tanem/svg-injector/-/svg-injector-1.2.1.tgz#3120e90246d0eb3c4fc6c61586a6f028a3c658ae"
+
 "@types/body-parser@*":
   version "1.17.0"
   resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.17.0.tgz#9f5c9d9bd04bb54be32d5eb9fc0d8c974e6cf58c"
@@ -72,6 +76,12 @@
     "@types/node" "*"
     "@types/react" "*"
 
+"@types/react-svg@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/react-svg/-/react-svg-3.0.0.tgz#ebbd0a095339ba20d9ba1d8fb3441eef9aeb5d11"
+  dependencies:
+    "@types/react" "*"
+
 "@types/react@*", "@types/react@^16.3.17":
   version "16.4.2"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.4.2.tgz#f1a9cf1ee85221530def2ac26aee20f910a9dac8"
@@ -5664,9 +5674,9 @@ react-dev-utils@^5.0.1:
     strip-ansi "3.0.1"
     text-table "0.2.0"
 
-react-dom@^16.4.0:
-  version "16.4.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.4.1.tgz#7f8b0223b3a5fbe205116c56deb85de32685dad6"
+react-dom@16.4.0:
+  version "16.4.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.4.0.tgz#099f067dd5827ce36a29eaf9a6cdc7cbf6216b1e"
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"
@@ -5721,9 +5731,15 @@ react-scripts-ts@2.16.0:
   optionalDependencies:
     fsevents "^1.1.3"
 
-react@^16.4.0:
-  version "16.4.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.4.1.tgz#de51ba5764b5dbcd1f9079037b862bd26b82fe32"
+react-svg@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/react-svg/-/react-svg-4.1.1.tgz#6151831e6f03e1ef5a090c61b12c30aa48185425"
+  dependencies:
+    "@tanem/svg-injector" "^1.2.0"
+
+react@16.4.0:
+  version "16.4.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.4.0.tgz#402c2db83335336fba1962c08b98c6272617d585"
   dependencies:
     fbjs "^0.8.16"
     loose-envify "^1.1.0"