chore: create flora-branding package, use new branding

Author: taskylizard

apps/frontend/package.json

@@ -41,6 +41,7 @@
     "@tanstack/react-query": "^5.90.12",
     "@tanstack/react-query-devtools": "^5.91.1",
     "@uwu/flora-api-client": "workspace:*",
+    "@uwu/flora-branding": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",

apps/frontend/public/logo.png

@@ -0,0 +1 @@
+../../../packages/branding/logo.png

apps/frontend/public/logo.svg

@@ -0,0 +1 @@
+../../../packages/branding/logo.svg

apps/frontend/public/logo.svg

@@ -13,6 +13,7 @@ import { Skeleton } from '@/components/ui/skeleton'
 import { useApp } from '@/contexts/AppContext'
 import { useRecentGuilds } from '@/hooks/use-recent-guilds'
 import { cn } from '@/lib/utils'
+import logoSvg from '@uwu/flora-branding/logo.svg'
 import { BookText, Database, FileCode2, ListChecks, Shield } from 'lucide-react'
 import { domAnimation, LazyMotion, m, useReducedMotion } from 'motion/react'
 import { match } from 'ts-pattern'
@@ -135,7 +136,7 @@ export function DashboardSidebar() {
             setLocation('/')
           }}
         >
-          <img src='/logo.svg' alt='flora logo' className='h-8 w-8' />
+          <img src={logoSvg} alt='flora logo' className='h-8 w-8' />
           {!isCollapsed && <span className='font-semibold text-black dark:text-white'>flora</span>}
         </button>
 

apps/frontend/src/components/sidebar/app-sidebar.tsx

@@ -1,3 +1,4 @@
+import logoPng from '@uwu/flora-branding/logo.png'
 import { Helmet } from 'react-helmet-async'
 
 type SeoProps = {
@@ -32,7 +33,7 @@ function toCanonicalUrl(path?: string) {
 }
 
 function toAbsoluteImageUrl(imagePath?: string) {
-  if (!imagePath) return `${getSiteOrigin()}/logo.png`
+  if (!imagePath) return logoPng
   if (imagePath.startsWith('http://') || imagePath.startsWith('https://')) return imagePath
   const path = imagePath.startsWith('/') ? imagePath : `/${imagePath}`
   return `${getSiteOrigin()}${path}`

apps/frontend/src/lib/seo.tsx

@@ -1,8 +1,12 @@
+<script setup>
+import logoSvg from '@uwu/flora-branding/logo.svg'
+</script>
+
 <template>
   <nav class="nav">
     <div class="nav-inner">
       <div class="nav-left">
-        <img src="/logo.svg" alt="flora" class="nav-logo" />
+        <img :src="logoSvg" alt="flora" class="nav-logo" />
         <span class="nav-brand">flora</span>
       </div>
       <div class="nav-links">

apps/www/.vitepress/theme/components/IndexPage/NavBar.vue

@@ -7,6 +7,7 @@
     "preview": "vitepress preview"
   },
   "dependencies": {
+    "@uwu/flora-branding": "workspace:*",
     "@vueuse/core": "^14.2.1",
     "motion-v": "2.0.0",
     "pasito": "0.1.3",

apps/www/package.json

@@ -0,0 +1 @@
+../../../packages/branding/logo.png