fix: code aligment

Author: SirusCodes

app/host/game/[gameId]/game-play.tsx

@@ -169,7 +169,7 @@ export function GamePlay({ game, questions, drawnNumbers }: Props) {
                              {/* Question Section - Always Viewable */}
                              {viewedQuestion ? (
                                  <div className="w-full max-w-4xl space-y-6 animate-in fade-in zoom-in-95 duration-500 mb-24">
-                                      <div className="prose dark:prose-invert prose-lg md:prose-xl max-w-none text-center leading-relaxed">
+                                      <div className="prose dark:prose-invert prose-lg md:prose-xl max-w-none text-center leading-relaxed [&_pre]:text-left">
                                            <ReactMarkdown rehypePlugins={[rehypeHighlight]}>{viewedQuestion.content}</ReactMarkdown>
                                       </div>
                                  </div>