Wire up homepage & library

[ZachBaird]

Fixes MOD-366
Fixes MOD-384

• A RowDisplay will not render if there are no instances in it.
• Home page's 2nd and 3rd rows are now populated by popular modpacks/mods from the search API. These are popular in the sense of followers. Any modpacks or mods in the recent list are excluded from the search.
• Install, Play, and Stop buttons are wired up. ConfirmationModal brought in.
• If a process is started, play button is replaced with an X button.
• If a process is running, and the user leaves but returns to the page, the X button will still show.
• Instance.vue modified to handle either instance data from Tauri or from Search.
• RouterLink removed. Stopping event propagation on the play/install btns was unreliable. Router.push is called if the card is clicked on.
• Stop Btn is now capable of killing all running UUIDs related to a profile.
• App bar now displays some realtime data when a modpack is being installed
• Some CSS in App.vue was fixed because content was going off screen. It messed with the header chevrons for paging.

Notes:

• Library PR closed and branch merged here.

[ZachBaird]

It appears that killing a process by the uuid doesn't work on Tauri's side. I have verified that the process-uuid I need to kill is in the running list, and had the proper uuid for the method. Below are screenshots of the behavior I was seeing:

It looks like the method is just erroring in the backend and the uuid just gets added to the list of running processes forever.

[Geometrically]

Couple changes:

• Instance should use Avatar component
• The home page should integrate with the Profile Events API to subscribe when profiles are added/deleted so it can update on it's page
• It should also integrate with the process API to sync up when instances are being played/stopped and update the UI accordingly
• Installed modpacks should be hidden (can use facets to filter them out)

Visual changes (just noticed these overall but probs should make changes here):

• The brightness fllter on hover doesn't have a transition and the play/stop button is affected by the filter when it shouldn't
• The Instance element and play/stop buttons should act like a button (can use button-base or clickable) as in they should shrink when clicked and animate

[ZachBaird]

I know you mentioned throwing the router.push in a lambda on the card. This PR sees the Instance component being able to go to some different pages based on the prop coming in:

Handling this in the template started to feel ugly, so I held off for now so you could see. Up to you if we keep it here or put it in the template anyway.

[Geometrically]

• App bar was not merged correctly (still shows mod install count)
• When installing a pack, even when it is installed, the search page isn't refreshed and the instance list is still outdated
• Linked Project ID API has changed, library page modpack tab doesn't work either

[ZachBaird]

The events seem to have had a regression in the data they contain when sent down to the front end. Looks like stuff like fractions are just null for most of the process:

There isn't really anything to look for here in the front end that makes sense and is reasonable to check if we're ready to update our instances list. I went with a particular unique message for now, but the way the events were before worked great.

Resolved

[Geometrically]

• Hovering over the instance card, then hovering over the play button changes the background of the instance cards
• There is a bunch of extra padding on instance cards now, making them be larger than they should be
• There is no transition on the instance card background

[Geometrically]

glitched w the new navbar- also the navbar pagination indicators don't seem to be there anymore

[Geometrically]

see dm