scripting added

frontend/src/pages/Scripting.tsx

@@ -0,0 +1,33 @@
+import { Card, Tabs } from 'antd';
+import { useState } from 'react';
+import PythonEditor from '../components/PythonEditor';
+
+const TwoTabsPage: React.FC = () => {
+  const [code, setCode] = useState<string>("print('hello world')\n");
+
+  const tabItems = [
+    {
+      key: '1',
+      label: 'Saved Scripts',
+      children: <></>,
+    },
+    {
+      key: '2',
+      label: 'Custom Script',
+      children: (
+        <div>
+          <h3>Python Editor</h3>
+          <PythonEditor value={code} onChange={setCode} />
+        </div>
+      ),
+    },
+  ];
+
+  return (
+    <Card style={{ width: '100%' }}>
+      <Tabs defaultActiveKey="1" items={tabItems} />
+    </Card>
+  );
+};
+
+export default TwoTabsPage;