sidebar: align items to center in widescreen

frontend/src/App.tsx

@@ -39,6 +39,7 @@ function App() {
                   </Routes>
                 </Router>
               </div>
+              <div className="hidden md:block md:w-1/4 md:max-w-[260px] md:max-h-[900px]"></div>
             </div>
             <Footer />
           </section>

frontend/src/components/Footer.tsx

@@ -4,7 +4,7 @@ const Footer = () => {
   const currentYear = new Date().getFullYear()
 
   return (
-    <footer className="mt-12 md:mt-24 py-6 border-t border-gray-200 dark:border-gray-800">
+    <footer className="mt-16 py-6 border-t border-gray-200 dark:border-gray-800">
       <div className="max-w-4xl mx-auto px-4">
         <div className="flex flex-col items-center gap-4 text-gray-600 dark:text-gray-400 text-sm">
           <div className="flex items-center gap-2">

frontend/src/constants.tsx

@@ -100,7 +100,7 @@ export const SOCIALLINKS = {
     {
       icon: <Globe size={20} className={iconClass} />,
       href: 'https://portfolio.tahmidcloud.com/',
-      text: 'My Website',
+      text: 'Website',
     },
   ],
   connect: [
@@ -119,7 +119,7 @@ export const SOCIALLINKS = {
     {
       icon: <Aperture size={20} className={iconClass} />,
       href: 'https://500px.com/p/taqi1203050?view=photos',
-      text: 'My Photography',
+      text: 'Photography',
     },
     {
       icon: <Instagram size={20} className={iconClass} />,