fix(mobile): remove border above editor toolbar on keyboard open

- Remove borderTopWidth from EditorToolbar container
- Remove borderTopColor from dynamic toolbar styles
- Ensures clean visual appearance when keyboard is displayed

Author: typelets

apps/mobile/v1/src/screens/EditNote/EditorToolbar.tsx

@@ -29,7 +29,6 @@ export function EditorToolbar({ editor, keyboardHeight, bottomInset, theme }: Ed
         styles.toolbarContainer,
         {
           backgroundColor: theme.colors.background,
-          borderTopColor: theme.colors.border,
           bottom: keyboardHeight,
           paddingBottom,
         },
@@ -155,7 +154,7 @@ const styles = StyleSheet.create({
     left: 0,
     right: 0,
     bottom: 0,
-    borderTopWidth: 0.5,
+    borderTopWidth: 0,
     paddingTop: 8,
     paddingHorizontal: 8,
   },

apps/mobile/v1/src/screens/NotesListScreen.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef, useMemo, useCallback } from 'react';
-import { View, Text, ScrollView, StyleSheet, Pressable, Alert, ActivityIndicator, TouchableOpacity, RefreshControl, Animated, Keyboard } from 'react-native';
+import { View, Text, ScrollView, StyleSheet, Pressable, Alert, ActivityIndicator, TouchableOpacity, RefreshControl, Animated, Keyboard, useWindowDimensions } from 'react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import * as Haptics from 'expo-haptics';
 import { useFocusEffect } from '@react-navigation/native';
@@ -58,6 +58,7 @@ export default function NotesListScreen({ navigation, route, renderHeader, scrol
   const theme = useTheme();
   const api = useApiService();
   const { folderId, viewType, searchQuery } = route?.params || {};
+  const { height: windowHeight } = useWindowDimensions();
 
   const [notes, setNotes] = useState<Note[]>([]);
   const [subfolders, setSubfolders] = useState<Folder[]>([]);
@@ -336,7 +337,10 @@ export default function NotesListScreen({ navigation, route, renderHeader, scrol
         <ScrollView
           ref={scrollViewRef}
           style={styles.scrollView}
+          contentContainerStyle={[styles.scrollViewContent, { minHeight: windowHeight }]}
           showsVerticalScrollIndicator={false}
+          alwaysBounceVertical={true}
+          bounces={true}
           onScroll={Animated.event(
             [{ nativeEvent: { contentOffset: { y: scrollY } } }],
             { useNativeDriver: false }
@@ -352,7 +356,7 @@ export default function NotesListScreen({ navigation, route, renderHeader, scrol
           }
         >
           {!loading && (
-          <>
+          <Pressable style={{ flex: 1 }} onPress={() => {}}>
             {/* Header from parent */}
             {renderHeader && renderHeader()}
 
@@ -595,7 +599,10 @@ export default function NotesListScreen({ navigation, route, renderHeader, scrol
                 </View>
               )}
             </View>
-          </>
+
+            {/* Spacer to ensure content fills screen */}
+            <View style={{ flex: 1, minHeight: 100 }} />
+          </Pressable>
           )}
         </ScrollView>
       )}
@@ -702,6 +709,9 @@ const styles = StyleSheet.create({
     paddingHorizontal: 0,
     paddingTop: 0,
   },
+  scrollViewContent: {
+    flexGrow: 1,
+  },
   noteCardContainer: {
     marginBottom: NOTE_CARD.SPACING,
     paddingHorizontal: 16,

apps/mobile/v1/src/screens/ViewNote/index.tsx

@@ -144,7 +144,7 @@ export default function ViewNoteScreen() {
       <Animated.ScrollView
         ref={scrollViewRef}
         style={{ flex: 1 }}
-        showsVerticalScrollIndicator={true}
+        showsVerticalScrollIndicator={false}
         onScroll={Animated.event(
           [{ nativeEvent: { contentOffset: { y: scrollY } } }],
           { useNativeDriver: false }