Change Playground placement to sidenav (#1823)

* Change Playground placement to sidenav

* Changes for Playground link

---------

Co-authored-by: Bartosz Cylwik <bartosz.cylwik94@gmail.com>

site/layouts/partials/header/header.html

@@ -120,12 +120,6 @@
               >Learn</a
             >
 
-            <a
-              href="/snippets/"
-              class="hidden py-2 text-neutral-500 hover:text-neutral-700 focus:text-neutral-700 disabled:text-black/30 dark:text-neutral-200 dark:hover:text-neutral-300 dark:focus:text-neutral-300 lg:px-2 xl:block [&.active]:text-black/90 dark:[&.active]:text-zinc-400"
-              >Playground</a
-            >
-
             <a
               target="_blank"
               href="https://mdbootstrap.com/services/"

site/layouts/partials/sidenav/standard.html

@@ -797,7 +797,17 @@
     <ul
       class="!visible relative m-0 hidden list-none p-0 data-[te-collapse-show]:block"
       data-te-sidenav-collapse-ref>
-      <li class="mx-1 mt-1">
+      <li>
+        <a
+          href="/snippets/"
+          class="flex h-6 cursor-pointer items-center truncate rounded-[5px] py-4 pl-[3.4rem] pr-6 text-[0.78rem] text-gray-600 outline-none transition duration-300 ease-linear hover:bg-blue-100/20 hover:text-inherit hover:outline-none focus:bg-blue-200/20 focus:text-inherit focus:outline-none active:bg-blue-200/20 active:text-inherit active:outline-none data-[te-sidenav-state-active]:text-inherit data-[te-sidenav-state-focus]:outline-none motion-reduce:transition-none dark:text-gray-300 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10"
+          data-te-sidenav-link-ref=""
+          tabindex="0">
+          Playground
+        </a>
+      </li>
+
+      <li>
         <a
           rel="nofollow"
           target="_blank"