First off, the HTML "center" tag was depreciated in HTML 4 and wordpress is now declaring HTML 5 as a doctype so the code will have to be modified.
Since you didn't put the code between code tags, I can't see all of it.
The nav bar stuff, would have to be put into a text widget and then CSS positioning used to move it up and into place.
The same would be true for the social media buttons.
If you want to put the code into two individual text widgets and put those into your sidebar we can see about moving them up and into position where you want them.
One thing to remember is that if you have any pages that you have set with a "no-sidebar" page template, they will not have the navigation or the social media buttons. That is because on no-sidebar pages, the entire sidebar and all its contents are gone.