App redesign (#2946)

* Start of app redesign

* format

* continue progress

* Content page nearly done

* Fix recursion issues with content page

* Fix update all alignment

* Discover page progress

* Settings progress

* Removed unlocked-size hack that breaks web

* Revamp project page, refactor web project page to share code with app, fixed loading bar, misc UI/UX enhancements, update ko-fi logo, update arrow icons, fix web issues caused by floating-vue migration, fix tooltip issues, update web tooltips, clean up web hydration issues

* Ads + run prettier

* Begin auth refactor, move common messages to ui lib, add i18n extraction to all apps, begin Library refactor

* fix ads not hiding when plus log in

* rev lockfile changes/conflicts

* Fix sign in page

* Add generated

* (mostly) Data driven search

* Fix search mobile issue

* profile fixes

* Project versions page, fix typescript on UI lib and misc fixes

* Remove unused gallery component

* Fix linkfunction err

* Search filter controls at top, localization for locked filters

* Fix provided filter names

* Fix navigating from instance browse to main browse

* Friends frontend (#2995)

* Friends system frontend

* (almost) finish frontend

* finish friends, fix lint

* Fix lint

---------

Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com>

* Refresh macOS app icon

* Update web search UI more

* Fix link opens

* Fix frontend build

---------

Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>

packages/ui/src/components/base/Notifications.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vue-notification-group">
+  <div class="vue-notification-group" :class="{ 'has-sidebar': sidebar }">
     <transition-group name="notifs">
       <div
         v-for="(item, index) in notifications"
@@ -20,6 +20,13 @@
 <script setup>
 import { ref } from 'vue'
 
+const props = defineProps({
+  sidebar: {
+    type: Boolean,
+    default: false,
+  },
+})
+
 const notifications = ref([])
 
 defineExpose({
@@ -90,6 +97,10 @@ function stopTimer(notif) {
   z-index: 99999999;
   width: 300px;
 
+  &.has-sidebar {
+    right: 325px;
+  }
+
   .vue-notification-wrapper {
     width: 100%;
     overflow: hidden;