feat: added tool ground work

src/components/PageWrapper.tsx

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+
+interface PageWrapperProps {
+  children: ReactNode;
+}
+
+export default function PageWrapper({ children }: PageWrapperProps) {
+  return (
+    <div style={{ maxWidth: 780, margin: 'auto', display: 'block' }}>
+      {children}
+    </div>
+  );
+}

src/components/SearchBar.tsx

@@ -13,7 +13,7 @@ export const SearchBar = forwardRef<HTMLInputElement, ComponentProps<'input'>>(
         style={{
           display: 'flex',
           padding: 8,
-          borderRadius: 16,
+          borderRadius: 4,
           border: theme.borderStyles.interactive,
           backgroundColor: theme.colors.componentInteractive,
           color: theme.colors.textLowContrast,