removed icons

app/components/ContactIcons.tsx

@@ -1,4 +1,6 @@
 import * as icons from 'simple-icons';
+import pixelfedIcon from "../../public/icons/pixelfed.svg";
+import Image from 'next/image';
 
 let ContactIcons = () => {
     return (
@@ -46,17 +48,6 @@ let ContactIcons = () => {
                         dangerouslySetInnerHTML={{ __html: icons.siMisskey.svg }}>
                     </i>
                 </a>
-            </li>
-			<li>
-                <a href="https://pixelfed.winscloud.net/@winsdominoes" className="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
-                    <i 
-                        className="w-7 h-7 transition ease-in-out delay-60 opacity-60 hover:opacity-100 hover:scale-105 duration-300"
-                        style={
-                            {['width']: '30px', ['height']: '30px', ['fill']: 'white', ['display']: 'inline-block'}
-                        }
-                        dangerouslySetInnerHTML={{ __html: icons.siPixelfed.svg }}>
-                    </i>
-                </a>
             </li>
             <li>
                 <a href="https://matrix.to/#/@winsdominoes:matrix.winscloud.net" className="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
@@ -69,17 +60,6 @@ let ContactIcons = () => {
                     </i>
                 </a>
             </li>
-            <li>
-                <a href="https://instagram.com/winsdominoes" className="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
-                    <i 
-                        className="w-7 h-7 transition ease-in-out delay-60 opacity-60 hover:opacity-100 hover:scale-105 duration-300"
-                        style={
-                            {['width']: '30px', ['height']: '30px', ['fill']: 'white', ['display']: 'inline-block'}
-                        }
-                        dangerouslySetInnerHTML={{ __html: icons.siInstagram.svg }}>
-                    </i>
-                </a>
-            </li>
         </ul>
     )
 }

package.json

@@ -11,9 +11,9 @@
     "dependencies": {
         "@ramonak/react-progress-bar": "^5.1.1",
         "framer-motion": "^10.16.9",
-        "next": "14.0.3",
+        "next": "^14.2.4",
         "next-page-transitions": "^1.0.0-beta.2",
-        "next-video": "^0.9.1",
+        "next-video": "^1.1.1",
         "nextjs-progressbar": "^0.0.16",
         "react": "^18",
         "react-dom": "^18",

public/icons/pixelfed.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Pixelfed</title><path d="M12 24C5.3726 24 0 18.6274 0 12S5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12m-.9526-9.3802h2.2014c2.0738 0 3.7549-1.6366 3.7549-3.6554S15.3226 7.309 13.2488 7.309h-3.1772c-1.1964 0-2.1663.9442-2.1663 2.1089v8.208z"/></svg>