[FEAT] Grid Veiw for Livery Thumbnails

[IVIURRAY]

Description

It is really annoying when I just want to browse liveries to have to keep opening and closing dropdowns.

Most of the time I don't know what liveries I want and the names are somewhat ambiguous about what it actually looks like. Therefore, I end up opening and closing dropdowns to see the livery which in turn the app steals me vertical scroll positions and makes it hard for me to keep up.

Solution

I think a small image of the thumbnail would solve this issue. Allowing us to view the images as a grid instead of a long list of dropdowns.

I just took this image off the internet but this is what I mean by grid view. A grid view like this will smaller images of the liveries and upon hovering over the image you get two options.

1. Download the livery
2. Enlarge the image to see the livery in full scale.
   

Why is this the best solution?

1. You are able to browse the liveries a lot easier, and less time wasted opening and closing dropdowns
2. It would completely remove the bug when opening and closing the dropdowns and the app steals your vertical scroll position.

Additional context

One of the obvious downsides to this would be that for aircraft with large liveries it would load them all as little thumbnails. I think we would need to implement some sort of "currently in view" to not slow down the app when it loads say >300 thumbnails.

[IVIURRAY]

So I've started to do some work on this in the #283 PR - nothing is wired in but hopefully gives a better understanding of what I'm after in a grid view. That PR is a good starting point for someone to wire in the rest of what is needed as I'm not familiar with the project.

I might try and add some more commits to it later, but can't guarantee anything...