Added Missing Images of Internships (#291)

fixed issue : #276 

before
![Screenshot
(1911)](https://github.com/HimanshuNarware/CareerZunction_Intern/assets/137484958/eba77796-8dca-40fa-a1fa-124c6c486e8d)

after
![Screenshot
(1912)](https://github.com/HimanshuNarware/CareerZunction_Intern/assets/137484958/c3d4fa4a-ac0f-4d49-b88e-46cac5ded348)

before
![Screenshot
(1913)](https://github.com/HimanshuNarware/CareerZunction_Intern/assets/137484958/aea70795-0080-432d-80ea-384c792f7d3a)

after
![Screenshot
(1914)](https://github.com/HimanshuNarware/CareerZunction_Intern/assets/137484958/9fd15e66-7236-43bd-b592-bef4f1a6d995)


before
![Screenshot
(1915)](https://github.com/HimanshuNarware/CareerZunction_Intern/assets/137484958/9c3692d2-37ce-4186-acec-9b18e10f37f2)

after
![Screenshot
(1916)](https://github.com/HimanshuNarware/CareerZunction_Intern/assets/137484958/6ccdb16e-7669-4034-ac28-7a63d26536b9)

src/Component/Documetation/Internship/InternPage.jsx

@@ -1,38 +1,35 @@
 /** @format */
 
-import './internpage.css';
-import { useRef, useState } from 'react';
-import PaginatedItems from '../../pagination';
-
+import "./internpage.css";
+import { useRef, useState } from "react";
+import PaginatedItems from "../../pagination";
 
 let InternPage = () => {
   // Dispatch and Subscribe
-  const button = document.querySelectorAll('viewMore');
+  const button = document.querySelectorAll("viewMore");
   const ref = useRef(null);
 
-  const [currentData, setCurrentData] = useState([])
-  const [pageSummary, setPageSummary] = useState("")
+  const [currentData, setCurrentData] = useState([]);
+  const [pageSummary, setPageSummary] = useState("");
   // console.log(currentData)
 
   return (
+    <div style={{ background: "black" }}>
+      <p className="page-summary">{pageSummary}</p>
 
-    <div style={{ background: 'black' }}>
-
-      <p className='page-summary'>{pageSummary}</p>
-
-      <div className='internBox'>
-
+      <div className="internBox">
         {currentData.map((item, index) => {
           return (
-
             <div className="BoxContent" key={index}>
-              <img className='ApiImg' key={index} src={item.image} alt="" />
-              <h2 className='InternTitle' ref={ref}>{item.internship_name}</h2>
+              <img className="ApiImg" key={index} src={item.image} alt="" />
+              <h2 className="InternTitle" ref={ref}>
+                {item.internship_name}
+              </h2>
               <div className="time">
                 <div className="mode">{item.mode}</div>
                 <div className="duration">{item.duration}</div>
               </div>
-              <p className='desc'>{item.description}</p>
+              <p className="desc">{item.description}</p>
               {/* ----------write logic for this */}
               {/* <div className="fullBox">
               <h5 className='company_name'>{item.company_name}</h5>
@@ -41,19 +38,27 @@ let InternPage = () => {
               <button className='ApplyButton'>Apply Now ✅</button>
             </div> */}
 
-              <button className='viewMore' id='btn' style={{ cursor: 'pointer' }} ref={ref} onClick={() => { window.open(item.link) }} >Apply Now</button>
-
+              <button
+                className="viewMore"
+                id="btn"
+                style={{ cursor: "pointer" }}
+                ref={ref}
+                onClick={() => {
+                  window.open(item.link);
+                }}>
+                Apply Now
+              </button>
             </div>
-
-          )
+          );
         })}
-
       </div>
 
-      <PaginatedItems setCurrentData={setCurrentData} setPageSummary={setPageSummary}/>
-
+      <PaginatedItems
+        setCurrentData={setCurrentData}
+        setPageSummary={setPageSummary}
+      />
     </div>
   );
 };
 
-export default InternPage;
+export default InternPage;