fix: Add K display for new logs count values over 1000

studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx

@@ -84,7 +84,7 @@ const PreviewFilterPanel: FC<Props> = ({
             >
               <div className="absolute z-20">
                 <Typography.Text style={{ fontSize: '0.6rem' }} className="opacity-80">
-                  {newCount}
+                  {newCount > 1000 ? `${Math.floor(newCount / 100) / 10}K` : newCount}
                 </Typography.Text>
               </div>
               <div className="bg-green-800 rounded-full w-full h-full animate-ping opacity-60"></div>

studio/tests/pages/projects/PreviewFilterPanel.test.js

@@ -93,3 +93,11 @@ test.todo('timestamp to/from filter value change')
 //   await screen.findByText('Custom')
 //   await screen.findByTitle(/Clear timestamp filter/)
 // })
+
+
+
+test('shortened count to K', async () => {
+  render(<PreviewFilterPanel newCount={1234} />)
+  await screen.findByText(/1\.2K/)
+})
+