Add responsive design to freelancers table

[cmmata]

As discussed in #105, the table in freelancers page is not responsive, and it does not work well on mobile devices. This PR breaks the table into a vertical view which renders better in mobiles.

[cmmata]

The design at the moment looks like this. It's still a WiP, but I wanted to push the current work to start the discussion and see if any of you have proposals in design or anything. The idea was taken from this pen

[gonzaloserrano]

Thx, it's a great start!

Some stuff:

Some small improvements:

[1] add some spacing between users.
[2] & [3] remove margin-bottom after lists

With these changes I think we could merge it.

[cmmata]

Ok @gonzaloserrano, I fixed the [2] and [3] margins. For [1] do you mean to have kind of "separate boxes" between every user? Or simply add more spacing before and after the border? At the moment, I added spacing, here's how it looks like now

[gonzaloserrano]

Looks much better! I think we can merge it.

[cmmata]

Looks much better! I think we can merge it.

Great! I have removed the draft state. At least this is a first iteration, if you want to remove the table and have only divs with Flexbox it's easy to replicate the mobile view. But I'm not that sure with the desktop view with the column names. We can discuss this in #105 if you want.