Migrated some common components and their dependencies to TS

src/servers/ServersListGroup.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+import { ListGroup, ListGroupItem } from 'reactstrap';
+import { Link } from 'react-router-dom';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronRight as chevronIcon } from '@fortawesome/free-solid-svg-icons';
+import './ServersListGroup.scss';
+import { ServerWithId } from './data';
+
+interface ServersListGroup {
+  servers: ServerWithId[];
+}
+
+const ServerListItem = ({ id, name }: { id: string; name: string }) => (
+  <ListGroupItem tag={Link} to={`/server/${id}/list-short-urls/1`} className="servers-list__server-item">
+    {name}
+    <FontAwesomeIcon icon={chevronIcon} className="servers-list__server-item-icon" />
+  </ListGroupItem>
+);
+
+const ServersListGroup: FC<ServersListGroup> = ({ servers, children }) => (
+  <React.Fragment>
+    <div className="container">
+      <h5>{children}</h5>
+    </div>
+    {servers.length > 0 && (
+      <ListGroup className="servers-list__list-group mt-md-3">
+        {servers.map(({ id, name }) => <ServerListItem key={id} id={id} name={name} />)}
+      </ListGroup>
+    )}
+  </React.Fragment>
+);
+
+export default ServersListGroup;