chore: colocate styles

src/_includes/partials/nav/theme-toggle.liquid

@@ -1,9 +1,10 @@
 <script type="module" src="/assets/scripts/components/theme-toggle.js"></script>
+{% capture css %}
+  {% render "../../../assets/styles/components/theme-toggle.css" %}
+{% endcapture %}
+<style>{{ css }}</style>
 <template id="theme-toggle-template">
   <div class="theme__toggle">
-    <span class="placeholder">
-      {% tablericon "placeholder" "Toggle theme placeholder" %}
-    </span>
     <span class="light">
       {% tablericon "sun" "Toggle light theme" %}
     </span>

src/_includes/partials/now/topper.liquid

@@ -5,6 +5,6 @@
   <div class="dark:text-white text-gray-800">
     <p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, <a href="https://last.fm/user/coryd_" rel="noopener noreferrer">music</a>, writing, <a href="https://app.thestorygraph.com/profile/coryd" rel="noopener noreferrer">reading</a>, <a href="https://trakt.tv/users/cdransf" rel="noopener noreferrer">tv</a> and <a href="https://trakt.tv/users/cdransf" rel="noopener noreferrer">movies</a>.</p>
     {% render "partials/now/status.liquid", status:status %}
-    {% render "partials/now/playing.liquid" %}
+    {% render "partials/now-playing.liquid" %}
   </div>
 </div>