Add recently added sidebar link

assets/svg/globe-icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10" />
+  <path d="M2 12h20" />
+  <path d="M12 2c2.5 2.7 4 6.2 4 10s-1.5 7.3-4 10" />
+  <path d="M12 2c-2.5 2.7-4 6.2-4 10s1.5 7.3 4 10" />
+</svg>

components/sidebar.html

@@ -40,7 +40,12 @@
           </button>
         </div>
         <nav class="sidebar-nav" aria-label="Primary">
-          <a href="#view=for-you" class="sidebar-nav-link" title="For You">
+          <a
+            id="forYouLink"
+            href="#view=for-you"
+            class="sidebar-nav-link hidden"
+            title="For You"
+          >
             <img
               src="assets/svg/for-you-feed-icon.svg"
               alt=""
@@ -49,6 +54,15 @@
             />
             <span class="sidebar-text">For You</span>
           </a>
+          <a href="#view=most-recent-videos" class="sidebar-nav-link" title="Recently Added">
+            <img
+              src="assets/svg/globe-icon.svg"
+              alt=""
+              aria-hidden="true"
+              class="sidebar-icon"
+            />
+            <span class="sidebar-text">Recently Added</span>
+          </a>
           <a href="#view=explore" class="sidebar-nav-link" title="Explore">
             <img
               src="assets/svg/explore-icon.svg"