docs: add plugin icon to README and Pages

README.md

@@ -1,3 +1,7 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/Schero94/Magicmark/main/docs/site/img/icon.svg" alt="Magic Mark icon" width="96" height="96" />
+</p>
+
 # Magic Mark
 
 **Saved views for the Strapi 5 Content Manager.** Filter a list once, save it as a bookmark and

docs/site/index.html

@@ -57,6 +57,9 @@
         "codeRepository": "https://github.com/Schero94/Magicmark"
       }
     </script>
+    <link rel="icon" href="./img/icon.svg" type="image/svg+xml" />
+    <link rel="icon" href="./img/icon-128.png" type="image/png" sizes="128x128" />
+    <link rel="apple-touch-icon" href="./img/icon-512.png" />
     <link rel="stylesheet" href="./site.css" />
     <link rel="stylesheet" href="./site-extra.css" />
   </head>
@@ -66,7 +69,7 @@
     <header class="topbar">
       <div class="topbar-inner">
         <a class="brand" href="#main-content" aria-label="Magic Mark documentation home">
-          <span class="brand-mark" aria-hidden="true">MM</span>
+          <img class="brand-logo" src="./img/icon.svg" alt="" width="32" height="32" />
           <span>Magic Mark</span>
         </a>
         <nav class="top-links" aria-label="Primary navigation">

docs/site/site-extra.css

@@ -209,3 +209,10 @@ details p {
   clip: rect(0 0 0 0);
   white-space: nowrap;
 }
+
+.brand-logo {
+  display: block;
+  flex: 0 0 auto;
+  width: 2rem;
+  height: 2rem;
+}