feat(app): tabbed sticky details panel

src/components/IconGrid/IconGrid.css

@@ -1,6 +1,7 @@
 .grid-container {
+  position: relative;
   padding: 32px 16px;
-  min-height: 80vh;
+  /* min-height: 80vh; */
   content-visibility: auto;
 }
 
@@ -103,6 +104,15 @@
   line-height: 16px;
 }
 
+.icon-preview > p.name {
+  font-size: 16px;
+}
+
+.versioning {
+  margin-top: 2px;
+  opacity: 0.6;
+}
+
 .icon-usage {
   flex: 1;
   padding: 56px 10% 56px 0;
@@ -201,3 +211,23 @@
   position: relative;
   top: -96px;
 }
+
+aside.detail-footer {
+  position: sticky;
+  bottom: 16px;
+  margin: auto;
+  max-width: 1120px;
+  display: grid;
+  grid-template-columns: 144px 1fr 160px;
+}
+
+.detail-preview {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 16px;
+}
+
+.detail-actions {
+  padding: 16px;
+}