Ui refactor style

Depends on !1160 (closed)

react-ui/src/components/devices/api/pnd.fetch.ts

@@ -2,6 +2,7 @@ import { PndServiceGetPndListApiArg, api } from "@api/api"
 import { createAsyncThunk } from "@reduxjs/toolkit"
 import { setPnds } from "../reducer/device.reducer"
 
+// TODO rethink this. This should be in the shared part bc its getting invoked in the procteded layout
 export const fetchPnds = createAsyncThunk('device/fetchPnds', (_, thunkApi) => {
     const payload: PndServiceGetPndListApiArg = {
         timestamp: new Date().getTime().toString(),