diff --git a/src/env.d.ts b/src/env.d.ts
index 44aa36b..be37f50 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1,4 +1,11 @@
+/// <reference types="bun-types" />
+
 declare module '*.html' {
   const content: string
   export default content
 }
+
+declare module '*.webp' {
+  const content: string
+  export default content
+}
diff --git a/src/service/expression.ts b/src/service/expression.ts
index 906027c..650d663 100644
--- a/src/service/expression.ts
+++ b/src/service/expression.ts
@@ -19,7 +19,9 @@ export const BUILTIN_EXPRESSIONS: ExpressionItem[] = Array.from({ length: 9 }, (
 )
 
 export class ExpressionService {
-  async listExpressions(options: { page?: number; limit?: number } = {}): Promise<ExpressionItem[]> {
+  async listExpressions(
+    options: { page?: number; limit?: number } = {},
+  ): Promise<ExpressionItem[]> {
     const { page = 1, limit = 20 } = options
     const skip = (page - 1) * limit
 
diff --git a/src/service/outfit.ts b/src/service/outfit.ts
index aac8d27..2c7b9df 100644
--- a/src/service/outfit.ts
+++ b/src/service/outfit.ts
@@ -3,10 +3,7 @@ import { ulid } from 'ulidx'
 import { Prisma } from '../generated/prisma/client'
 
 export class OutfitService {
-  async listOutfits(
-    options: { page?: number; limit?: number } = {},
-    equipmentId?: string,
-  ) {
+  async listOutfits(options: { page?: number; limit?: number } = {}, equipmentId?: string) {
     const { page = 1, limit = 20 } = options
     const skip = (page - 1) * limit
 
diff --git a/src/ui/components/AppSidebar.tsx b/src/ui/components/AppSidebar.tsx
index 06858cf..14f86e0 100644
--- a/src/ui/components/AppSidebar.tsx
+++ b/src/ui/components/AppSidebar.tsx
@@ -2,14 +2,14 @@ import { Backpack, Frame, Settings, Smile, Users } from 'lucide-react'
 import logo from 'public/logo.webp'
 import { Link, useLocation } from 'react-router-dom'
 import {
-    Sidebar,
-    SidebarContent,
-    SidebarFooter,
-    SidebarGroup,
-    SidebarGroupContent,
-    SidebarMenu,
-    SidebarMenuButton,
-    SidebarMenuItem,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
 } from './ui/sidebar'
 
 // Menu items.
diff --git a/src/ui/components/CreateLookDialog.tsx b/src/ui/components/CreateLookDialog.tsx
index 4b01e62..cf75edd 100644
--- a/src/ui/components/CreateLookDialog.tsx
+++ b/src/ui/components/CreateLookDialog.tsx
@@ -428,10 +428,7 @@ export const CreateLookDialog: React.FC<CreateLookDialogProps> = ({
                     ))}
                   </div>
                   {/* Loading Indicator */}
-                  <div
-                    ref={poseRef}
-                    className="h-10 w-full flex items-center justify-center p-4"
-                  >
+                  <div ref={poseRef} className="h-10 w-full flex items-center justify-center p-4">
                     {posesLoading && <Loader2 className="w-8 h-8 animate-spin text-stone-400" />}
                   </div>
                 </ScrollArea>
diff --git a/src/ui/components/LoadOutfitDialog.tsx b/src/ui/components/LoadOutfitDialog.tsx
index b862ddb..f9c258a 100644
--- a/src/ui/components/LoadOutfitDialog.tsx
+++ b/src/ui/components/LoadOutfitDialog.tsx
@@ -19,7 +19,11 @@ export const LoadOutfitDialog: React.FC<LoadOutfitDialogProps> = ({
   onOpenChange,
   onSelect,
 }) => {
-  const { items: outfits, loading, ref } = useInfiniteScroll<OutfitItem>({
+  const {
+    items: outfits,
+    loading,
+    ref,
+  } = useInfiniteScroll<OutfitItem>({
     fetchData: async (page, limit) => {
       const res = await client.outfits.$get({
         query: {
diff --git a/src/ui/pages/Characters.tsx b/src/ui/pages/Characters.tsx
index 2196172..60bb0db 100644
--- a/src/ui/pages/Characters.tsx
+++ b/src/ui/pages/Characters.tsx
@@ -87,11 +87,7 @@ export default function Characters() {
         )}
       </div>
 
-      <CreateCharacterDialog
-        open={createOpen}
-        onOpenChange={setCreateOpen}
-        onSuccess={reset}
-      />
+      <CreateCharacterDialog open={createOpen} onOpenChange={setCreateOpen} onSuccess={reset} />
       <style>{`@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }`}</style>
     </div>
   )
diff --git a/src/ui/pages/Expressions.tsx b/src/ui/pages/Expressions.tsx
index 71d9a6a..42e5b09 100644
--- a/src/ui/pages/Expressions.tsx
+++ b/src/ui/pages/Expressions.tsx
@@ -107,11 +107,7 @@ export default function Expressions() {
         )}
       </div>
 
-      <CreateExpressionDialog
-        open={createOpen}
-        onOpenChange={setCreateOpen}
-        onSuccess={reset}
-      />
+      <CreateExpressionDialog open={createOpen} onOpenChange={setCreateOpen} onSuccess={reset} />
     </div>
   )
 }