fix: various typos (grouped in to separate commits) (#18177)

web/src/lib/components/assets/thumbnail/__test__/thumbnail.spec.ts

@@ -41,7 +41,7 @@ describe('Thumbnail component', () => {
     expect(container).not.toBeNull();
     expect(container!.getAttribute('tabindex')).toBe('0');
 
-    // Guarding against inserting extra tabbable elments in future in <Thumbnail/>
+    // Guarding against inserting extra tabbable elements in future in <Thumbnail/>
     const tabbables = getTabbable(container!);
     expect(tabbables.length).toBe(0);
   });

web/src/lib/components/memory-page/memory-viewer.svelte

@@ -123,7 +123,7 @@
           await progressBarController.set(1);
         } catch (error) {
           // this may happen if browser blocks auto-play of the video on first page load. This can either be a setting
-          // or just defaut in certain browsers on page load without any DOM interaction by user.
+          // or just default in certain browsers on page load without any DOM interaction by user.
           console.error(`handleAction[${callingContext}] videoPlayer play problem: ${error}`);
           paused = true;
           await progressBarController.set(0);

web/src/lib/components/photos-page/asset-grid.svelte

@@ -299,7 +299,7 @@
           // allowing next to be at least 1 may cause percent to go negative, so ensure positive percentage
           scrubBucketPercent = Math.max(0, top / (bucketHeight * maxScrollPercent));
 
-          // compensate for lost precision/rouding errors advance to the next bucket, if present
+          // compensate for lost precision/rounding errors advance to the next bucket, if present
           if (scrubBucketPercent > 0.9999 && i + 1 < bucketsLength - 1) {
             scrubBucket = assetStore.buckets[i + 1];
             scrubBucketPercent = 0;