show visibility of the maps

src/app.css

@@ -33,3 +33,7 @@ body {
 table tr:nth-child(odd) {
   background-color: aliceblue;
 }
+
+.wrapper {
+  padding: 0.5rem;
+}

src/pages/index/MapsList.jsx

@@ -17,7 +17,13 @@ export function MapsList() {
 
   return (
     <ul>
-      {data.data.map(d => <li key={d.slug}><Link to={viewerRoute.to} params={{ mapSlug: d.slug }}>{d.title}</Link></li>)}
+      {data.data.map(d => (
+        <li key={d.slug}>
+          <Link to={viewerRoute.to} params={{ mapSlug: d.slug }}>
+            {d.title} {d.visibility === 'public' ? <i className="fas fa-globe"></i> : <i className="fas fa-lock"></i>}
+          </Link>
+        </li>
+      ))}
     </ul>
   );
-}
+} 

src/pages/index/index.jsx

@@ -13,7 +13,7 @@ export function IndexPage() {
   })
 
   return (
-    <div>
+    <div className="wrapper">
       <h1>NINA Maps</h1>
       <h3>Published Maps</h3>
       <MapsList />