add empty style

src/features/home/sections/devices.tsx

@@ -190,6 +190,12 @@ export default function Devices() {
                 )}
               </Card>
             ))}
+
+          {!isLoading && data?.length === 0 ? (
+            <div className="text-center text-gray-500 col-span-2 row-span-4 w-full py-8 bg-white rounded-lg">
+              No devices found. Please add a device.
+            </div>
+          ) : null}
         </div>
       </div>
     </>