Fix notebooks view

Author: danifranco

_includes/notebook-carousel.html

@@ -1,6 +1,6 @@
 For each workflow we have both 2D and 3D versions:
 
-<div class="grid grid-cols-7">
+<div class="grid grid-cols-8">
     <div onclick="window.open('https://colab.research.google.com/github/BiaPyX/BiaPy/blob/master/notebooks/classification/BiaPy_2D_Classification.ipynb');" class="flex h-full flex-col gap-2 rounded border-gray-light-100 bg-gray bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg container-card">
         <div class="notebook-card">
             <span>
@@ -133,7 +133,7 @@
 
 For just predicting/inference you can use the following notebook:
 
-<div class="grid grid-cols-7">
+<div class="grid grid-cols-8-inf">
     <div onclick="window.open('https://colab.research.google.com/github/BiaPyX/BiaPy/blob/master/notebooks/BiaPy_Inference.ipynb');" class="flex h-full flex-col gap-2 rounded border-gray-light-100 bg-gray bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg container-card">
         <div class="notebook-card">
             <span>

_sass/_theme.scss

@@ -444,10 +444,13 @@ select {
 .grid-cols-2 {
   grid-template-columns: repeat(2,minmax(0,1fr));
 }
-.grid-cols-7 {
+.grid-cols-8-inf {
+  grid-template-columns: repeat(8,minmax(160px,1fr));
+}
+.grid-cols-8 {
   grid-gap: 16px;
   padding: 16px;
-  grid-template-columns: repeat(7,minmax(160px,1fr));
+  grid-template-columns: repeat(8,minmax(160px,1fr));
   overflow-x: auto;
 }
 .grid {