Update Next.js configuration and package dependencies

- Modified redirects in next.config.ts to change the destination for "/sohbet" to "/listem".
- Added new dependencies in package.json: marked, motion, react-markdown, remark-breaks, remark-gfm, shiki, and use-stick-to-bottom.
- Updated pnpm-lock.yaml to reflect the new package versions and dependencies.
- Removed obsolete stack files for Flutter, Nuxt, Nuxt.js, React Native, and Svelte from the UI/UX Pro Max skill data.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/components/ui/prompt-suggestion.tsx

@@ -0,0 +1,117 @@
+"use client"
+
+import { Button, buttonVariants } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
+import { VariantProps } from "class-variance-authority"
+
+export type PromptSuggestionProps = {
+  children: React.ReactNode
+  variant?: VariantProps<typeof buttonVariants>["variant"]
+  size?: VariantProps<typeof buttonVariants>["size"]
+  className?: string
+  highlight?: string
+} & React.ButtonHTMLAttributes<HTMLButtonElement>
+
+function PromptSuggestion({
+  children,
+  variant,
+  size,
+  className,
+  highlight,
+  ...props
+}: PromptSuggestionProps) {
+  const isHighlightMode = highlight !== undefined && highlight.trim() !== ""
+  const content = typeof children === "string" ? children : ""
+
+  if (!isHighlightMode) {
+    return (
+      <Button
+        variant={variant || "outline"}
+        size={size || "lg"}
+        className={cn("rounded-full", className)}
+        {...props}
+      >
+        {children}
+      </Button>
+    )
+  }
+
+  if (!content) {
+    return (
+      <Button
+        variant={variant || "ghost"}
+        size={size || "sm"}
+        className={cn(
+          "w-full cursor-pointer justify-start rounded-xl py-2",
+          "hover:bg-accent",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </Button>
+    )
+  }
+
+  const trimmedHighlight = highlight.trim()
+  const contentLower = content.toLowerCase()
+  const highlightLower = trimmedHighlight.toLowerCase()
+  const shouldHighlight = contentLower.includes(highlightLower)
+
+  return (
+    <Button
+      variant={variant || "ghost"}
+      size={size || "sm"}
+      className={cn(
+        "w-full cursor-pointer justify-start gap-0 rounded-xl py-2",
+        "hover:bg-accent",
+        className
+      )}
+      {...props}
+    >
+      {shouldHighlight ? (
+        (() => {
+          const index = contentLower.indexOf(highlightLower)
+          if (index === -1)
+            return (
+              <span className="text-muted-foreground whitespace-pre-wrap">
+                {content}
+              </span>
+            )
+
+          const actualHighlightedText = content.substring(
+            index,
+            index + highlightLower.length
+          )
+
+          const before = content.substring(0, index)
+          const after = content.substring(index + actualHighlightedText.length)
+
+          return (
+            <>
+              {before && (
+                <span className="text-muted-foreground whitespace-pre-wrap">
+                  {before}
+                </span>
+              )}
+              <span className="text-primary font-medium whitespace-pre-wrap">
+                {actualHighlightedText}
+              </span>
+              {after && (
+                <span className="text-muted-foreground whitespace-pre-wrap">
+                  {after}
+                </span>
+              )}
+            </>
+          )
+        })()
+      ) : (
+        <span className="text-muted-foreground whitespace-pre-wrap">
+          {content}
+        </span>
+      )}
+    </Button>
+  )
+}
+
+export { PromptSuggestion }