mobile: fix trash and note item ui

apps/mobile/app/components/list-items/note/index.tsx

@@ -465,8 +465,8 @@ const NoteItem = ({
         >
           {isTrash ? (
             <Paragraph
-              color={primaryColors.accent}
-              fontSize="XXS"
+              color={colors.secondary.paragraph}
+              fontSize="XS"
               style={{
                 marginRight: 6
               }}
@@ -488,7 +488,7 @@ const NoteItem = ({
                 style={{
                   marginTop: 1
                 }}
-                name="calendar"
+                name="trash-alt"
                 iconFamily="notesnook"
               />
               <Paragraph

apps/mobile/app/screens/notes/index.tsx

@@ -42,6 +42,8 @@ import useNavigationStore, {
 import { useSettingStore } from "../../stores/use-setting-store";
 import { rootNavigatorRef } from "../../utils/global-refs";
 import { setOnFirstSave } from "./common";
+import LineSeparator from "../../components/ui/seperator/line-separator";
+import { Spacing } from "../../common/design/spacing";
 
 export interface RouteProps<T extends RouteName> extends NavigationProps<T> {
   get: (
@@ -210,7 +212,11 @@ const NotesPage = ({
           });
         }}
         onPressDefaultRightButton={onPressFloatingButton}
+        style={{
+          paddingHorizontal: Spacing.LEVEL_2
+        }}
       />
+      <LineSeparator paddingVertical={Spacing.LEVEL_3} />
 
       <DelayLayout color={accentColor} wait={loadingNotes}>
         <List

apps/mobile/app/screens/trash/index.tsx

@@ -41,6 +41,10 @@ const onPressFloatingButton = () => {
     paragraph: strings.clearTrashDesc(),
     positiveText: strings.clear(),
     negativeText: strings.cancel(),
+    centered: true,
+    icon: "warning-circle",
+    iconType: "error",
+    iconFamily: "notesnook",
     positivePress: async () => {
       await db.trash?.clear();
       useTrashStore.getState().refresh();
@@ -51,7 +55,7 @@ const onPressFloatingButton = () => {
         context: "local"
       });
     },
-    positiveType: "errorShade"
+    positiveType: "accent"
   });
 };
 const PLACEHOLDER_DATA = (trashCleanupInterval = 7) => ({