Replace RoutesFilter with BetterList

Author: fallaciousreasoning

src/components/mountains/RoutesFilter.svelte

@@ -2,7 +2,6 @@
   import fragment from '../../stores/fragment'
   import mountains, { Mountain, Route } from '../../stores/mountains'
   import { allRoutes } from '../../utils/routes'
-  import VirtualList from '../VirtualList.svelte'
   import SortyBy from '../SortyBy.svelte'
   import {
     direction,
@@ -23,6 +22,7 @@
   import Grade from './Grade.svelte'
   import { parseGrade } from '../../utils/grade'
   import { onMount } from 'svelte'
+    import BetterList from '../BetterList.svelte'
 
   const viewMountain = (mountain: Mountain, route: Route) => {
     fragment.update((value) => ({
@@ -123,7 +123,7 @@
     (showing {filteredRoutes.length} of {routes.length} routes)
   </div>
   <div class="flex flex-col gap-2 -mx-4 -mb-4 min-h-0 flex-1">
-    <VirtualList items={sorted} let:item bind:scrollPos={$scrollPos}>
+    <BetterList items={sorted} let:item bind:scrollPos={$scrollPos}>
       <div
         class="cursor-pointer px-4 py-1"
         on:keyup={(e) => {
@@ -150,7 +150,7 @@
           </div>
         </Card>
       </div>
-    </VirtualList>
+    </BetterList>
   </div>
 </div>