s1

app/routes/knowledge-quest.tsx

@@ -6,6 +6,7 @@ import ExaminationIcon from '~/components/customIcon/ExaminationIcon';
 import CommunityIcon from '~/components/customIcon/CommunityIcon';
 import NotificationIcon from '~/components/customIcon/NotificationIcon';
 import KnowledgeQuestsPageContent from '~/components/KnowledgeQuestsPageContent';
+import TopPerformers from '~/components/TopPerformers';
 import {Layout, Menu, theme, Button, Modal, MenuProps} from 'antd';
 import { Dropdown, Space } from 'antd';
 import '../../public/assets/left_side_nav.css';
@@ -33,7 +34,7 @@ const items2: MenuProps['items'] = [
             },
             {
             key: '2sd',
-            label: (<a href='#'>Classmate Directory</a>),
+            label: (<a href='/classmate-directory'>Classmate Directory</a>),
             },
             {
             key: '3sd',
@@ -223,9 +224,18 @@ const App: React.FC = () => {
                         </div>
                     </div>
                     {/* Place Content from here */}
-                    <div>
-                      <KnowledgeQuestsPageContent />
-                    </div>
+                    <section className='container mx-auto my-16'>
+                        <div className='grid grid-cols-1 xl:grid-cols-7 gap-y-6 border-[1px] border-[#CFCFCF]'>
+                            <div className='xl:col-span-5 border-r-[1px] border-[#CFCFCF]'>
+                                <KnowledgeQuestsPageContent />
+                            </div>
+                            <div className='xl:col-span-2'>
+                                <TopPerformers />
+                            </div>
+                            
+                        </div>
+                    </section>
+                    
                 </Content>
             </Layout>
         </Layout>