feat: implement reset button & numeric mode

src/app/(input)/layout.tsx

@@ -1,19 +1,26 @@
+"use client";
+
 import { Viewport } from "next";
 import Link from "next/link";
 import React from "react";
 import Logo from "@/components/common/logo/logo";
+import { useStocksStore } from "@/state/stores/stocks-store";
 
 export const viewport: Viewport = {
   themeColor: "var(--color-white)",
 };
 
 const InputLayout = ({ children }: { children: React.ReactNode }) => {
+  const { removeAllStocks } = useStocksStore();
   return (
     <div className="flex size-full flex-col">
-      <div className="sticky top-0 z-10 flex h-11 w-full shrink-0 items-center justify-start bg-white px-5">
+      <div className="sticky top-0 z-10 flex h-11 w-full shrink-0 items-center justify-between bg-white px-5">
         <Link href="/">
           <Logo />
         </Link>
+        <div onClick={removeAllStocks} className="cursor-pointer text-body3 text-grey-900">
+          Reset
+        </div>
       </div>
       <div className="h-[calc(100%-50px)] w-full">{children}</div>
     </div>

src/components/ui/input.tsx

@@ -73,6 +73,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
             ref={ref}
             className={"h-9 w-full text-lg outline-none"}
             type={type}
+            inputMode={type === "number" ? "numeric" : undefined}
             onFocus={handleFocus} // 수정된 handleFocus 함수로 변경
             onBlur={handleBlur}
             {...props}