feat: optimize for low end device now reduce layer numbers by avoiding will-change on status

Author: Cl0v1s

components/timeline/TimelinePaginator.vue

@@ -15,6 +15,9 @@ const { account, buffer = 10, endMessage = true } = defineProps<{
 }>()
 
 const { formatNumber } = useHumanReadableNumber()
+const userSettings = useUserSettings()
+const willChange = computed(() => getPreferences(userSettings.value, 'optimizeForLowPerformanceDevice') ? 'unset' : 'transform')
+
 const virtualScroller = usePreferences('experimentalVirtualScroller')
 
 const showOriginSite = computed(() =>
@@ -60,3 +63,9 @@ const showOriginSite = computed(() =>
     </template>
   </CommonPaginator>
 </template>
+
+<style lang="css">
+.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
+  will-change: v-bind('willChange');
+}
+</style>