Allocations: standardize on usePathHelpers

Rather than some files using raw `usePath` and some using
`usePathHelpers`, I think it makes sense to standardize on
`usePathHelpers` everywhere.

I also prefer the named import (`{ requestPath }`) to the positional
import (`[ , requestPath ]`)

apps/allocations/app/components/Card/Budget.js

@@ -5,7 +5,7 @@ import BigNumber from 'bignumber.js'
 import { displayCurrency } from '../../utils/helpers'
 import * as types from '../../utils/prop-types'
 
-import { usePath } from '../../api-react'
+import usePathHelpers from '../../hooks/usePathHelpers'
 import {
   Card,
   IconCheck,
@@ -48,7 +48,7 @@ Budget.propTypes = {
 }
 
 const Wrapper = ({ budget, children, theme }) => {
-  const [ , requestPath ] = usePath()
+  const { requestPath } = usePathHelpers()
   const { active, amount, id, name, token } = budget
   return (
     <Link onClick={() => requestPath(`/budgets/${id}`)}>
@@ -137,11 +137,6 @@ const CardBottom = styled.div`
   border-top: 1px solid ${({ theme }) => theme.border};
 `
 
-const MenuContainer = styled.div`
-  align-self: flex-end;
-  align-items: center;
-`
-
 const CardTitle = styled(Text.Block).attrs({
   size: 'large',
   weight: 'bold',