Refactor feed components to improve layout and dynamic sizing

Adjust media height and layout styles for better responsiveness across devices. Refactor VirtualScroll to streamline logic and add dynamic item height handling. Update FeedPageContent to simplify item filtering and integrate dynamic item height calculations.

src/components/Feed/Feed.vue

@@ -18,7 +18,6 @@ const mediaHeight = ref(0)
 onMounted(() => {
   mediaHeight.value = window.innerWidth > 768 ? 200 : 110
 })
-
 </script>
 
 <template>
@@ -108,7 +107,11 @@ onMounted(() => {
               :found="!!assetSrc"
             />
           </div>
-          <div v-if="tag === 'ugc'" class="media-wrapper p-2 rounded-xl bg-violet-50" :style="{ height: `${mediaHeight}px` }">
+          <div
+            v-if="tag === 'ugc'"
+            class="media-wrapper p-2 rounded-xl bg-violet-50"
+            :style="{ height: `${mediaHeight}px` }"
+          >
             <MediaEmbed
               class="w-full rounded-xl aspect-[3/2] mx-auto max-w-40 lg:max-w-xs pointer-events-none overflow-hidden"
               :found="!!assetSrc"

src/components/Feed/FeedPageContent.vue

@@ -46,7 +46,6 @@ const itemHeight = ref(278)
 onMounted(() => {
   itemHeight.value = window.innerWidth > 768 ? 278 : 180
 })
-
 </script>
 <template>
   <nav>