fix(landing): make the knowledge-answer question bubble visible on light tiles

The frameless vignette sits directly on the tile's --surface-3 fill, so
the build tile's --surface-3 bubble treatment vanished. The question
chip now uses the graphic family's white card chrome (--white fill,
--border-1 hairline), matching its own source card. Also restores
biome's import order in the workflows editor-loop wrapper (fixes the
failing lint:check CI step).

Author: waleedlatif1

apps/sim/app/(landing)/solutions/components/feature-graphics/knowledge-answer-graphic.tsx

@@ -7,8 +7,10 @@ import styles from '@/app/(landing)/solutions/components/feature-graphics/knowle
  * An internal help-desk agent answering from the team's own docs, told
  * as a frameless chat vignette (the audit and monitoring tiles'
  * composition — no window chrome): the employee's question sits
- * right-aligned in the build tile's chat-bubble treatment (`--surface-3`
- * fill, rounded), the agent's grounded answer reads back as plain
+ * right-aligned as a chat bubble in the family's white card chrome
+ * (`--white` fill, 1px `--border-1` hairline — the build tile's
+ * `--surface-3` bubble would vanish against this tile's own
+ * `--surface-3` fill), the agent's grounded answer reads back as plain
  * `--text-primary` prose, and the tile's highlight is the citation — a
  * white source card in the audit tile's exact chrome (`--white` fill,
  * 1px `--border-1` hairline, `rounded-xl`, `shadow-sm`) pairing a
@@ -57,7 +59,7 @@ export function KnowledgeAnswerGraphic({
         <div className='flex w-full max-w-[312px] flex-col gap-3 sm:max-lg:[@container(min-width:500px)]:max-w-[400px]'>
           <div
             className={cn(
-              'max-w-[85%] self-end rounded-lg bg-[var(--surface-3)] px-3 py-2 text-[var(--text-primary)] text-caption leading-[1.5]',
+              'max-w-[85%] self-end rounded-lg border border-[var(--border-1)] bg-[var(--white)] px-3 py-2 text-[var(--text-primary)] text-caption leading-[1.5]',
               styles.stepQuestion
             )}
           >

apps/sim/app/(landing)/workflows/components/workflows-editor-loop.tsx

@@ -1,6 +1,5 @@
 'use client'
 
-import { EditorLoop, type EditorLoopContent } from '@/app/(landing)/components/shared/editor-loop'
 import {
   AgentIcon,
   ConditionalIcon,
@@ -9,6 +8,7 @@ import {
   StartIcon,
   TableIcon,
 } from '@/components/icons'
+import { EditorLoop, type EditorLoopContent } from '@/app/(landing)/components/shared/editor-loop'
 
 /**
  * The workflows hero's content for the shared {@link EditorLoop}: a builder's