Updated ad placeholder graphics, update Modrinth App sidebar to mockup designs (#4584)

* Update ad placeholders to new green graphic

* Remove rounded corners from app ad frame

* Improve web ad placeholder styling

* Revamp app sidebar to match mockups more closely, greatly improve friends UX, fix up context menus and typify shit

* only show overflow on hover

* lint

* intl:extract

* clean up the inline code in FriendsSection

apps/app-frontend/src/helpers/mr_auth.ts

@@ -0,0 +1,29 @@
+/**
+ * All theseus API calls return serialized values (both return values and errors);
+ * So, for example, addDefaultInstance creates a blank Profile object, where the Rust struct is serialized,
+ *  and deserialized into a usable JS object.
+ */
+import { invoke } from '@tauri-apps/api/core'
+
+export type ModrinthCredentials = {
+	session: string
+	expires: string
+	user_id: string
+	active: boolean
+}
+
+export async function login(): Promise<ModrinthCredentials> {
+	return await invoke('plugin:mr-auth|modrinth_login')
+}
+
+export async function logout(): Promise<void> {
+	return await invoke('plugin:mr-auth|logout')
+}
+
+export async function get(): Promise<ModrinthCredentials | null> {
+	return await invoke('plugin:mr-auth|get')
+}
+
+export async function cancelLogin(): Promise<void> {
+	return await invoke('plugin:mr-auth|cancel_modrinth_login')
+}