App template market (#2337)

* feat: add app template market (#2012)

* feat: add app template market

* fix

* fix

* i18n

* fix

* perf: template market ux

* perf: simple mode app ui

* perf: tempalte modal ui

* perf: tempalte market ui

* perf: template position

* feat: create app modal

* regiter default app

* perf: icon

* change templates position (#2331)

* change templates position

* fix

* perf: template market ux

---------

Co-authored-by: heheer <heheer@sealos.io>

packages/web/components/common/Input/SearchInput/index.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InputGroup, Input, InputProps, Flex } from '@chakra-ui/react';
+import MyIcon from '../../Icon';
+
+const SearchInput = (props: InputProps) => {
+  return (
+    <Flex alignItems={'center'} position={'relative'}>
+      <Input {...props} />
+      <MyIcon name={'common/searchLight'} w={'1rem'} position={'absolute'} left={2} zIndex={10} />
+    </Flex>
+  );
+};
+
+export default SearchInput;