Stop loading homepage image gallery on smaller screens

[obulat]

Problem

Openverse homepage loads all of the homepage images even on small screens, where the images are never shown.

Description

Currently, we use tailwind classes to show the homepage gallery on xl breakpoint: hidden xl:flex.
Instead, we should use the Vue's v-if to conditionally render the component only on the xl screens and up.

<script>
.....
const isXl = computed(() => uiStore.isBreakpoint("xl"))
...
</script>
<template>
...
<VHomeGallery v-if="isXl" class="h-full flex-grow flex" />
...

[ibrijesh]

I would like to contribute can you please assign me.

[obulat]

Hi, @ibrijesh! I'm sorry but this issue was fixed in #2674. It was a small change in the files that that PR touched.

Could you please select a different "help wanted" issue?