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

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

@@ -3,7 +3,7 @@
 		ref="dropdown"
 		no-auto-focus
 		:aria-id="dropdownId || null"
-		placement="bottom-end"
+		:placement="placement"
 		:class="dropdownClass"
 		@apply-hide="focusTrigger"
 		@apply-show="focusMenuChild"
@@ -45,6 +45,11 @@ defineProps({
 		default: null,
 		required: false,
 	},
+	placement: {
+		type: String,
+		default: 'bottom-end',
+		required: false,
+	},
 })
 
 function focusMenuChild() {