Rework web shell ui

src/lib/hooks/useColorSchemeStyle.ts

@@ -0,0 +1,6 @@
+import {useColorScheme} from 'react-native'
+
+export function useColorSchemeStyle(lightStyle: any, darkStyle: any) {
+  const colorScheme = useColorScheme()
+  return colorScheme === 'dark' ? darkStyle : lightStyle
+}

src/lib/icons.tsx

@@ -527,3 +527,29 @@ export function RectTallIcon({
     </Svg>
   )
 }
+export function ComposeIcon({
+  style,
+  size,
+  strokeWidth = 1.5,
+}: {
+  style?: StyleProp<TextStyle>
+  size?: string | number
+  strokeWidth?: number
+}) {
+  return (
+    <Svg
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={strokeWidth}
+      stroke="currentColor"
+      width={size || 24}
+      height={size || 24}
+      style={style}>
+      <Path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"
+      />
+    </Svg>
+  )
+}