DOC - Cleanup UX inspiration page (#2141)

- addresses the missing Docker logo discovered in
#2077 (comment)
(stores SVG in our repo)
- updates GitBook logo (stores SVG in our repo)
- updates metaflow and mkdocs material URLs
- adds some basic CSS to that gallery grid (otherwise docker logo has no
padding around it, violates their brand guidelines)

Co-authored-by: Tania Allard <[email protected]>

Author: drammock

docs/_static/inspiration/GitBook-Icon-Dark.svg

@@ -8,16 +8,16 @@ When making new decisions about design and UI/UX, we often consult these themes
 :class-container: text-center
 - title: "**GitBook**"
   link: https://docs.gitbook.com/
-  image: https://avatars.githubusercontent.com/u/7111340?s=280&v=4
+  image: ../_static/inspiration/GitBook-Icon-Dark.svg
 - title: "**Metaflow**"
-  image: https://repository-images.githubusercontent.com/209120637/00b39080-1ddc-11ea-8710-59b484540700
+  image: https://raw.githubusercontent.com/Netflix/metaflow/refs/heads/master/docs/metaflow.svg
   link: https://docs.metaflow.org/
 - title: "**Furo**"
   image: https://avatars.githubusercontent.com/u/3275593?v=4
   link: https://pradyunsg.me/furo/quickstart
 - title: "**Docker**"
   link: https://docs.docker.com/
-  image: https://www.docker.com/wp-content/uploads/2022/03/vertical-logo-monochromatic.png
+  image: ../_static/inspiration/docker-mark-blue.svg
 - title: "**PyTorch**"
   link: https://pytorch.org/docs/stable/index.html
   image: https://pytorch.org/assets/images/pytorch-logo.png
@@ -26,5 +26,5 @@ When making new decisions about design and UI/UX, we often consult these themes
   image: https://d33wubrfki0l68.cloudfront.net/c088b7acfcf11100903c44fe44f2f2d7e0f30531/47727/img/docusaurus.svg
 - title: "**Material for MkDocs**"
   link: https://squidfunk.github.io/mkdocs-material/getting-started/
-  image: https://raw.githubusercontent.com/squidfunk/mkdocs-material/master/src/.icons/logo.svg
+  image: https://raw.githubusercontent.com/squidfunk/mkdocs-material/master/.github/assets/logo.svg
 ```

docs/_static/inspiration/docker-mark-blue.svg

@@ -0,0 +1,10 @@
+/* community/inspiration.md */
+section#inspiration-for-design-and-ux {
+  p.sd-card-text {
+    img {
+      width: 100%;
+      max-height: 220 px;
+      padding: 10%;
+    }
+  }
+}

docs/community/inspiration.md

@@ -75,6 +75,7 @@
 @import "./extensions/copybutton";
 @import "./extensions/ethical-ads";
 @import "./extensions/execution";
+@import "./extensions/gallery_grid";
 @import "./extensions/graphviz";
 @import "./extensions/pydata";
 @import "./extensions/sphinx_design";