fix feedback context

Author: tannerlinsley

src/components/FeedbackModerationList.tsx

@@ -271,10 +271,22 @@ export function FeedbackModerationList({
                       className="bg-gray-50 dark:bg-gray-900"
                     >
                       <div className="p-4 space-y-4">
-                        {/* Content */}
+                        {/* Original Block Content */}
+                        {feedback.blockMarkdown && (
+                          <div>
+                            <h4 className="text-sm font-semibold mb-2">
+                              Original Block Content:
+                            </h4>
+                            <div className="text-sm text-gray-600 dark:text-gray-400 whitespace-pre-wrap bg-white dark:bg-gray-800 p-3 rounded border border-gray-200 dark:border-gray-700 font-mono text-xs max-h-40 overflow-auto">
+                              {feedback.blockMarkdown}
+                            </div>
+                          </div>
+                        )}
+
+                        {/* Feedback */}
                         <div>
                           <h4 className="text-sm font-semibold mb-2">
-                            Content:
+                            Feedback:
                           </h4>
                           <div className="text-sm text-gray-600 dark:text-gray-400 whitespace-pre-wrap bg-white dark:bg-gray-800 p-3 rounded border border-gray-200 dark:border-gray-700">
                             {feedback.content}

src/components/ShowcaseDetail.tsx

@@ -8,6 +8,7 @@ import {
   ThumbsDown,
   Sparkles,
 } from 'lucide-react'
+import { Button } from './Button'
 import { twMerge } from 'tailwind-merge'
 import { libraries, type LibraryId } from '~/libraries'
 import { USE_CASE_LABELS } from '~/utils/showcase.client'
@@ -257,15 +258,16 @@ export function ShowcaseDetail({ showcaseId }: ShowcaseDetailProps) {
               </p>
             </div>
           </div>
-          <a
+          <Button
+            as="a"
             href={showcase.url}
             target="_blank"
             rel="noopener noreferrer"
-            className="inline-flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors shrink-0"
+            className="px-4 py-2 text-sm bg-gray-900 dark:bg-white text-white dark:text-gray-900 border-gray-900 dark:border-white hover:bg-gray-700 dark:hover:bg-gray-200 shrink-0"
           >
             Visit Site
             <ExternalLink className="w-4 h-4" />
-          </a>
+          </Button>
         </div>
 
         {/* Description */}

src/routes/admin/feedback_.$id.tsx

@@ -154,10 +154,22 @@ function FeedbackDetailPage() {
         </div>
 
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-          {/* Content */}
+          {/* Original Block Content */}
+          {feedback.blockMarkdown && (
+            <Card className="p-6 lg:col-span-2">
+              <h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
+                Original Block Content
+              </h2>
+              <div className="text-sm text-gray-900 dark:text-white bg-gray-100 dark:bg-gray-800 p-3 rounded font-mono whitespace-pre-wrap max-h-60 overflow-auto">
+                {feedback.blockMarkdown}
+              </div>
+            </Card>
+          )}
+
+          {/* Feedback */}
           <Card className="p-6 lg:col-span-2">
             <h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
-              Feedback Content
+              Feedback
             </h2>
             <div className="prose dark:prose-invert max-w-none">
               <p className="whitespace-pre-wrap text-gray-900 dark:text-white">
@@ -194,16 +206,6 @@ function FeedbackDetailPage() {
                   </dd>
                 </div>
               )}
-              {feedback.blockMarkdown && (
-                <div>
-                  <dt className="text-sm font-medium text-gray-500 dark:text-gray-400">
-                    Original Block Content
-                  </dt>
-                  <dd className="mt-1 text-sm text-gray-900 dark:text-white bg-gray-100 dark:bg-gray-800 p-2 rounded font-mono text-xs whitespace-pre-wrap max-h-40 overflow-auto">
-                    {feedback.blockMarkdown}
-                  </dd>
-                </div>
-              )}
               <div>
                 <dt className="text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-2">
                   <Calendar className="w-4 h-4" />