feat: init project SelfChckout

package/components/molecules/PluEntry.tsx

@@ -0,0 +1,28 @@
+"use client"
+import { Box } from "@mui/material"
+import React, { useState } from "react"
+import { useTranslation } from "react-i18next"
+import Input from "@atoms/Input"
+
+const PluEntry: React.FC = () => {
+  const [plu, setPlu] = useState("")
+  const { t } = useTranslation()
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setPlu(e.target.value)
+  }
+
+  return (
+    <Box sx={{ p: 1, backgroundColor: "#f5f5f5", borderRadius: 2 }}>
+      <Input
+        type="text"
+        value={plu}
+        onChange={handleInputChange}
+        placeholder={t("lbl_enter_PLU")}
+        autocomplete="off"
+      />
+    </Box>
+  )
+}
+
+export default PluEntry