Fix budget selection for expenses

Also open the new expense modal by default on load for mobile viewport sizes.

components/expenses/ExpenseModal.tsx

@@ -175,7 +175,7 @@ export default function ExpenseModal(
               name='expense_budget'
               id='expense_budget'
               value={newExpenseBudget.value}
-              onSelect={(event) => {
+              onChange={(event) => {
                 newExpenseBudget.value = event.currentTarget.value;
               }}
               placeholder='Misc'