webp and scale the profile image

src/_includes/partials/sidebar.njk

@@ -1,5 +1,5 @@
 <a href="/" class="profile-img-link">
-    <img class="profile-img" src="/_assets/img/cropped.png"/>
+    <img class="profile-img" src="/_assets/img/dp.webp"/>
 </a>
 <div class="sidebar-contents">
     {% include 'partials/navigation.njk' %}

src/_includes/styles.css

@@ -122,6 +122,7 @@ aside {
 
 .profile-img {
   width: 100px;
+  height: 100px;
   border-radius: 60px;
   border: 5px solid var(--border);
   /* top: -70px; */