fix(gui): inject readonly property to cell

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/cell/Checkbox.vue

@@ -65,7 +65,7 @@ useSelectedCellKeyupListener(active, (e) => {
   <div
     class="flex cursor-pointer"
     :class="{
-      'justify-center': !isForm && !readOnly,
+      'justify-center': !isForm,
       'w-full': isForm,
       'nc-cell-hover-show': !vModel && !readOnly,
       'opacity-0': readOnly && !vModel,

packages/nc-gui/components/smartsheet/Grid.vue

@@ -806,6 +806,7 @@ const closeAddColumnDropdown = () => {
                         :active="activeCell.col === colIndex && activeCell.row === rowIndex"
                         :row="row"
                         @navigate="onNavigate"
+                        :read-only="readOnly"
                       />
 
                       <LazySmartsheetCell
@@ -821,6 +822,7 @@ const closeAddColumnDropdown = () => {
                         @save="updateOrSaveRow(row, columnObj.title, state)"
                         @navigate="onNavigate"
                         @cancel="editEnabled = false"
+                        :read-only="readOnly"
                       />
                     </div>
                   </SmartsheetTableDataCell>