fix: distinguish blockquote and code

By making blockquotes look like Info

Author: SkyBird233

components/content/Info.vue

@@ -1,5 +1,3 @@
 <template>
-  <blockquote class="border-l-4 border-(--secondary)">
-    <slot />
-  </blockquote>
-</template>
+  <ProseBlockquote><slot /></ProseBlockquote>
+</template>

components/content/ProseBlockquote.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+defineProps({
+  borderColorClass: { type: String, default: 'border-(--secondary)' }
+});
+</script>
+
+<template>
+  <blockquote class="border-l-4" :class="borderColorClass">
+    <slot />
+  </blockquote>
+</template>