Add pagination in cited in

app/components/pagination_component/pagination_component.html.erb

@@ -1,6 +1,6 @@
 <header class="header bg-white b-b clearfix">
   <div class="row m-t-sm align-items-end pagination-body">
-    <div class="<%=data.present? ? "col-md-8  mb-0 " : "col-md-12 mb-0"%>">
+    <div class="<%=data.present? ? "col-md-8  mb-0 " : "col-md-12 mb-0"%> <%= opts[:is_cited_in_doc].present? ? 'd-none': ""%> ">
       <% if opts[:is_subject_breadcrums].present? && subjects.present? %>
         <ol class="breadcrumb mb-0">
           <% subjects.each do |subject| %>
@@ -22,7 +22,7 @@
       <% end %>
     </div>
     <div class="<%=data.present? ? "col-md-4 position-relative" : "d-none"%>">
-      <div class="text-center pagination justify-content-end">
+      <div class="text-center pagination justify-content-end me-3">
         <%= (paginate data) if data.present? %>
       </div>
     </div>

app/views/documents/show.html.erb

@@ -37,7 +37,7 @@
                 Title : 
               </div>
               <div class="col-lg-9"> 
-              <strong> <%= @document.title %> </strong> 
+              <strong> <%= @document.short_title %> </strong> 
               </div>
             </div>
           </div>
@@ -79,7 +79,10 @@
           </div>
 
           <div class="tab-pane fade cited-table-body" id="ciatatonTabContent" role="tabpanel">
-            <div class="mt-3 ps-3"> <h4> Cited Ins Documents </h4> </div>
+            <div class="d-flex align-items-baseline">
+              <div class="col-md-6 mt-3 ps-3"> <h4> Cited Ins Documents </h4> </div>
+              <div class="col-md-6"> <%= render PaginationComponent.new(data: @cited_in_documents, opts: { is_cited_in_doc: true}) %> </div>
+            </div>
             <table class="table table-hover mb-0 table-width">
               <thead style="position: sticky;top: 0">
                 <th class="bg-light"> Reference No. </th>