fixing new tickets button color and trimming message (#589)

Author: amiparadis250

Diff for: src/pages/Tickets.tsx

@@ -297,7 +297,8 @@ function TicketsPage() {
         accessor: 'message',
         Cell: ({ value }: { value: string }) => {
           const trimmedMessage =
-            value.length > 100 ? `${value.substring(0, 100)}...` : value;
+            value.length > 100 ? `${value.substring(0, 80)}...` : value;
+            
           return trimmedMessage;
         },
       },
@@ -362,7 +363,7 @@ function TicketsPage() {
           <button
             type="button"
             onClick={handleNewTicketClick}
-            className="px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-600"
+            className="px-4 py-2 text-white rounded primary hover:bg-primary"
           >
             New Ticket
           </button>