web: move the opened note indicator to the left of note item

apps/web/src/components/list-item/index.tsx

@@ -156,10 +156,6 @@ function ListItem<TItem extends Item, TContext>(
 
         opacity: isDisabled ? 0.7 : 1,
 
-        borderBottom: isFocused ? "5px solid" : "none",
-        pb: isFocused ? "2px" : "7px",
-        borderBottomColor: isFocused ? accent : "transparent",
-
         backgroundColor: selected ? "background-selected" : background,
 
         ":hover": {

apps/web/src/components/note/index.tsx

@@ -145,6 +145,11 @@ function Note(props: NoteProps) {
         heading: color ? primary : "heading",
         background: "background"
       }}
+      sx={{
+        borderLeft: isOpened ? "4px solid" : "none",
+        pl: isOpened ? "3px" : "7px",
+        borderLeftColor: isOpened ? primary : "transparent"
+      }}
       context={{ color, locked }}
       menuItems={noteMenuItems}
       onClick={() =>