chore: change components name

src/App.tsx

@@ -2,9 +2,9 @@ import { useTranslation } from "react-i18next";
 
 import useEscape from "./hooks/useEscape";
 import "./i18n";
-import Header from "./components/Header";
-import Chat from "./components/Chat";
-import Raycast from "./components/Raycast";
+// import Header from "./components/Header";
+// import Chat from "./components/Chat";
+import CommandInput from "./components/CommandInput";
 import Footer from "./components/Footer";
 
 function App() {
@@ -24,7 +24,7 @@ function App() {
         <div className="text-xl text-primary">{t("welcome")}</div>
 
         <div className="mx-0 mt-5 w-[100%]">
-          <Raycast />
+          <CommandInput />
         </div>
       </main>
       <Footer />

src/components/CommandInput.tsx

@@ -1,7 +1,7 @@
 import { Command } from "lucide-react";
 import { CommandPalette } from "./CommandPalette";
 
-function Raycast() {
+function CommandInput() {
   return (
     <div className="h-[100%] w-[100%]">
       <div className="mx-auto px-4 py-16">
@@ -25,4 +25,4 @@ function Raycast() {
   );
 }
 
-export default Raycast;
+export default CommandInput;