chore(deps): integrate 3rd-partyy inner-border tw plugin

Author: stabldev

frontend/package-lock.json

@@ -18,6 +18,7 @@
     "@coreproject-moe/icons": "^0.0.67",
     "@dotenvx/dotenvx": "^1.28.0",
     "@playwright/test": "^1.45.3",
+    "@quibble-dev/tailwindcss-inner-border": "^0.0.4",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/kit": "^2.8.3",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",

frontend/package.json

@@ -65,7 +65,8 @@
           class="relative flex h-40 flex-col gap-2 overflow-hidden rounded-2xl border border-neutral p-2 transition-colors hover:bg-base-200"
         >
           <div
-            class="flex-1 rounded-xl bg-cover bg-center outline outline-1 outline-offset-[-1px] outline-base-content/15"
+            class="flex-1 rounded-xl bg-cover bg-center inner-border
+            inner-border-base-content/15"
             class:bg-neutral={!quib.cover}
             style="background-image: url({quib.cover});"
           ></div>

frontend/src/routes/(app)/q/[name]/+page.svelte

@@ -3,6 +3,7 @@ import forms from '@tailwindcss/forms';
 import typography from '@tailwindcss/typography';
 import daisyui from 'daisyui';
 import tailwindScroll from 'tailwind-scrollbar';
+import innerBorder from '@quibble-dev/tailwindcss-inner-border';
 
 import type { Config } from 'tailwindcss';
 
@@ -22,5 +23,5 @@ export default {
     logs: false
   },
 
-  plugins: [typography, forms, aspectRatio, daisyui, tailwindScroll]
+  plugins: [typography, forms, aspectRatio, daisyui, tailwindScroll, innerBorder]
 } satisfies Config;