did some more cleanup of the interface and UI interactions.

app/(tabs)/_layout.tsx

@@ -10,7 +10,8 @@ import { setupStore } from '../store';
 export default function TabLayout() {
   const colorScheme = useColorScheme();
   const store = setupStore({
-    products: fixtures.map(p => p.asObject)
+    products: fixtures.map(p => p.asObject),
+    units: "ft",
   });
   return (
     <Provider store={store}>
@@ -22,7 +23,7 @@ export default function TabLayout() {
         <Tabs.Screen
           name="index"
           options={{
-            title: 'Home Screen',
+            title: 'Measure',
             tabBarIcon: ({ color, focused }) => (
               <TabBarIcon name={focused ? 'scale' : 'scale-outline'} color={color} />
             ),
@@ -31,7 +32,7 @@ export default function TabLayout() {
         <Tabs.Screen
           name="product-editor"
           options={{
-            title: 'Products',
+            title: 'Edit Products',
             tabBarIcon: ({ color, focused }) => (
               <TabBarIcon name={focused ? 'list' : 'list-outline'} color={color} />
             ),