Wie zerlege ich diese 100-Zeilen JS Funktion in Clean Code?

[hmm]

Ich bin auch gerade dabei eine zweite Tabelle zu schreiben die an der linken Seite angezeigt werden soll. Die Mitarbeitertabelle soll weiterhin im Zentrum stehen.

<main>
            Hallo @username.
            <table id='tabelleSkills'></table>
            <table id='tabelleMain'></table>
            <input type="button" onclick="createNewMitarbeiter();">Neuen Mitarbeiter hinzufügen</input>
            <input type="button" onclick="removeMitarbeiter();">Ausgewählte Mitarbeiter löschen</input>
</main>

Das ist mein Main Bereich. Zieh ich die tabelleSkills per CSS in den linken Bereich?

Mein bisheriges CSS für die Main sieht so aus:

main {
	background-color: white;
	padding: 100px 0 400px;
	right: 0px;
	bottom: 0;
	left: 0;
	position: relative;
        text-align: center;
	color: black;
}