Having them on the same layer 2 network would not be advisable for a number of reasons, such as having presumably two DHCP servers on the same network, the possibility of routing internet traffic over the wireless bridge, unnecessary broadcast packets transversing the link, etc. You'll want change the subnet masks at both offices so they are on separate networks. You didnt specify what the models of the cisco switches are, so I'm unsure if they offer (or are configured to use) layer 3 switching. Assuming they're just layer 2 devices, you will want to plug the APs in to your TPLink routers, and ensure the appropriate routes are in place on the TPLinks so traffic to the different layer 3 networks will transverse the wireless bridge rather than the default route (which would be the DSL lines). I only have experience doing this with Cisco gear, but see the following link for how to configure your APs as wireless bridges. It is for a layer 2 bridge but it should be enough to get you started, just instead setup the APs in their own subnet. It would look like
192.168.2.1/24 Office 1 Network
192.168.3.1/24 Office 2 Network
192.168.4.1/24 Wireless Bridge Network
Right now it looks like you're using /16 subnets, so it shouldnt be a big deal to make these changes; just change the subnet mask.
https://help.ubnt.com/hc/en-us/articles/205142890-airMAX-Configure-a-Point-to-Point-Link-Layer-2-Transparent-Bridge-