Website: Update /app-library page (#24301)

Closes: #24257

Changes:
- Added an app count and link to the contact form to the /app-library
page.

website/assets/styles/pages/app-library.less

@@ -24,6 +24,25 @@
       margin-bottom: 0px;
     }
   }
+
+  [purpose='request-button'] {
+    display: flex;
+    padding: 8px 16px;
+    justify-content: center;
+    align-items: center;
+    border-radius: 16px;
+    background: #F9FAFC;
+    color: #515774;
+    text-align: center;
+    height: 49px;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 150%;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
   [purpose='app-search'] {
 
     // Note: We're using classes here to override the default Docsearch styles;

website/views/pages/app-library.ejs

@@ -23,6 +23,12 @@
           </div>
         </div> -->
       </div>
+      <div purpose="count-and-cta" class="d-flex flex-sm-row flex-column align-items-sm-center align-items-start justify-content-sm-between justify-content-center mb-3">
+        <div><p class="mb-sm-0"><strong>{{allApps.length}} and counting....</strong></p></div>
+        <div>
+          <a purpose="request-button" href="/contact?sendMessage">Request an app</a>
+        </div>
+      </div>
       <div purpose="app-cards" class="card-deck flex-wrap">
         <% for(let app of allApps) { %>