Move Settings to the sidebar (#455)

packages/desktop-client/src/components/SidebarWithData.js

@@ -50,7 +50,6 @@ function EditableBudgetName({ prefs, savePrefs }) {
 
   let items = [
     { name: 'rename', text: 'Rename Budget' },
-    { name: 'settings', text: 'Settings' },
     ...(Platform.isBrowser ? [{ name: 'help', text: 'Help' }] : []),
     { name: 'close', text: 'Close File' }
   ];

packages/loot-design/src/components/sidebar.js

@@ -444,7 +444,7 @@ function Tools() {
   let onToggle = useCallback(() => setOpen(open => !open), []);
   let location = useLocation();
 
-  const isActive = ['/payees', '/rules', '/tools'].some(route =>
+  const isActive = ['/payees', '/rules', '/settings', '/tools'].some(route =>
     location.pathname.startsWith(route)
   );
 
@@ -477,6 +477,12 @@ function Tools() {
             to="/rules"
             indent={15}
           />
+          <SecondaryItem
+            title="Settings"
+            Icon={Cog}
+            to="/settings"
+            indent={15}
+          />
         </>
       )}
     </View>