fix(website): rest the review strip at its first card and name the ratings

Add the scroll padding the inset scroller needs so mandatory snapping has a
valid position at scroll origin, and give the star groups an image role so
their label is exposed now that the icons are hidden.

website/src/lib/components/Reviews.svelte

@@ -206,7 +206,7 @@
               <span>{featuredReview.upvotes}</span>
             </div>
           {:else}
-            <div class="stars" aria-label="5 out of 5 stars">
+            <div class="stars" role="img" aria-label="5 out of 5 stars">
               {#each Array(5) as _}
                 <StarIcon aria-hidden="true" />
               {/each}
@@ -264,7 +264,7 @@
             <span>{review.upvotes}</span>
           </div>
         {:else}
-          <div class="stars" aria-label="5 out of 5 stars">
+          <div class="stars" role="img" aria-label="5 out of 5 stars">
             {#each Array(5) as _}
               <StarIcon aria-hidden="true" />
             {/each}
@@ -509,5 +509,6 @@
   .content-pad {
     padding-left: max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
     padding-right: var(--page-gutter);
+    scroll-padding-left: max(var(--page-gutter), calc((100vw - var(--page-width)) / 2 + var(--page-gutter)));
   }
 </style>

website/src/routes/scan/+page.svelte

@@ -47,7 +47,7 @@
     <h1 class="scan-heading">Scan in Plezy</h1>
     <p class="scan-description">To use this feature, scan this QR code with the Plezy app.</p>
 
-    <div class="store-buttons" aria-label="Download Plezy">
+    <div class="store-buttons" role="group" aria-label="Download Plezy">
       {#each availableStores as store}
         <a
           href={store.url}