apply order cancaltion

src/pages/restaurant/page.tsx

@@ -24,6 +24,7 @@ import { OrderType } from "pages/checkout/hooks/types.ts";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
+  Link,
   Outlet,
   useLocation,
   useParams,
@@ -113,15 +114,21 @@ export default function RestaurantPage() {
           <div className={styles.promotionContainer}>
             <Ads1 />
           </div>
-
-         
         </div>
         <div className={styles.socialIconsContainer}>
+          <Link to={`https://www.instagram.com/${restaurant?.instagram}`}>
             <InstagramIcon className={styles.socialIcon} />
+          </Link>
+          <Link to="https://x.com/">
             <XIcon className={styles.socialIcon} />
+          </Link>
+          <Link to="https://www.snapchat.com/">
             <SnapIcon className={styles.socialIcon} />
+          </Link>
+          <Link to="https://www.jordan.com/">
             <JIcon className={styles.socialIcon} />
-          </div>
+          </Link>
+        </div>
       </div>
 
       {/* Order Details Bottom Sheet - Moved outside the container */}