make quick instances square to match elsewhere and add tint

Author: Prospector

apps/app-frontend/src/components/ui/QuickInstanceSwitcher.vue

@@ -46,7 +46,8 @@ onUnmounted(() => {
   >
     <Avatar
       :src="instance.icon_path ? convertFileSrc(instance.icon_path) : null"
-      circle
+      size="28px"
+      :tint-by="instance.path"
       :class="`transition-all ${instance.install_stage !== 'installed' ? `brightness-[0.25] scale-[0.85]` : `group-hover:brightness-75`}`"
     />
     <div