Fix: Github map not displaing properly when username is entered

[jishant-AKA-jk]

Hi there,
When GitHub username is entered , page doesn't show GitHub calendar however other details appeared .

changing classname somehow fixed the issue , here's fixed scs.

please review/comment if needed.

suggestion:
We,can also achieve this with react-github-calender with more flexibility on configuration & UI of calendar.

[MrPiggy105]

A temporary fix while we wait for this is with the custom CSS below:

.GitHub {
  display: flex;
  justify-content: center;
}
.sr-only {
    display: none;
}

td:first-child {
    display: none;
}

div.js-calendar-graph div:last-child {
    display: none;
}

table.ContributionCalendar-grid thead {
    display: none;
}

td.ContributionCalendar-day {
    border-radius: 3px;
}

td.ContributionCalendar-day[data-level='0'] {
    background-color: var(--color-calendar-graph-day-bg);
}

td.ContributionCalendar-day[data-level='1'] {
    background-color: var(--color-calendar-graph-day-L1-bg);
}

td.ContributionCalendar-day[data-level='2'] {
    background-color: var(--color-calendar-graph-day-L2-bg);
}

td.ContributionCalendar-day[data-level='3'] {
    background-color: var(--color-calendar-graph-day-L3-bg);
}

td.ContributionCalendar-day[data-level='4'] {
    background-color: var(--color-calendar-graph-day-L4-bg);
}