feat: add AI chat and summarize endpoints with database integration

- Implemented a new chat endpoint that utilizes Groq for chat completions based on news articles.
- Added a summarize endpoint that fetches news articles from the database and generates summaries using Groq.
- Introduced a new package "@vueuse/core" for improved reactivity.
- Created a comprehensive command UI component with various subcomponents for better user interaction.
- Developed a scraping module using Scrapy to fetch news articles from Google News.
- Added validation and sanitization for slug parameters in the fetch article endpoint.

server/api/ai/summerize/[slug].ts

@@ -1,15 +1,19 @@
 import { Groq } from 'groq-sdk';
+import sql from "~/server/components/postgres";
 
 const groq = new Groq();
 
 export default defineEventHandler(async (event) => {
   const slug = getRouterParam(event, 'slug');
-  const fetchNewsArticle = await fetch(`/api/`);
+  const fetchNewsArticle = await sql`
+    select * from newArticle
+    where slug = ${slug}
+  `;
   const chatCompletion = await groq.chat.completions.create({
         "messages": [
           {
             "role": "user",
-            "content": ``
+            "content": `${fetchNewsArticle.title}\n${fetchNewsArticle.content}`
           },
           {
             "role": "system",