## Bug description

*Please describe.*  
When a user has a lot of distinct_ids, it could get ugly. 
*If this affects the front-end, screenshots would be of great help.*  
Viewing window at 33% and these are my distinct_ids
<img width="639" alt="Screen Shot 2020-10-29 at 10 06 20 AM" src="https://user-images.githubusercontent.com/13127476/97547717-86b0d980-19a4-11eb-826d-971c9e3faef1.png">

## Expected behavior
Should only show the first 3 distinct ids. If there are more than three, show a link that says "x distinct ids hidden. Click to show." When clicked, it should show all distinct ids.


## How to reproduce

1. Go look at profile for my email
2. 
3. 

## Environment

- PostHog cloud or self-managed?
- PostHog version/commit

## Additional context



#### *Thank you* for your bug report – we love squashing them!

posthog/demo.py
homepage = Action.objects.create(team=team, name="HogFlix homepage view")
    ActionStep.objects.create(action=homepage, event="$pageview", url=base_url, url_matching="exact")
    user_signed_up = Action.objects.create(team=team, name="HogFlix signed up")
    ActionStep.objects.create(
        action=user_signed_up, event="$autocapture", url="%s/1" % base_url, url_matching="contains", selector="button",
    )
    user_paid = Action.objects.create(team=team, name="HogFlix paid")
    ActionStep.objects.create(
        action=user_paid, event="$autocapture", url="%s/2" % base_url, url_matching="contains", selector="button",
    )
    dashboard = Dashboard.objects.create(name="Default", pinned=True, team=team, share_token=secrets.token_urlsafe(22))
    DashboardItem.objects.create(
        team=team,
        dashboard=dashboard,
        name="HogFlix signup -> watching movie",
        type="FunnelViz",
        filters={
            "actions": [
                {"id": homepage.id, "name": "HogFlix homepage view", "order": 0, "type": TREND_FILTER_TYPE_ACTIONS},
                {"id": user_signed_up.id, "name": "HogFlix signed up", "order": 1, "type": TREND_FILTER_TYPE_ACTIONS,},
                {"id": user_paid.id, "name": "HogFlix paid", "order": 2, "type": TREND_FILTER_TYPE_ACTIONS},
            ],
            "insight": "FUNNELS",
        },
    )
def _recalculate(team: Team) -> None: