change(ui) - xhr tab rename and fetch plugin links

frontend/app/components/shared/DevTools/NetworkPanel/NetworkPanel.tsx

@@ -34,7 +34,7 @@ const TAB_TO_TYPE_MAP: any = {
   [OTHER]: TYPES.OTHER,
 };
 const TABS: any = [ALL, XHR, JS, CSS, IMG, MEDIA, OTHER].map((tab) => ({
-  text: tab === 'xhr' ? 'XHR (Fetch)' : tab,
+  text: tab === 'xhr' ? 'Fetch/XHR' : tab,
   key: tab,
 }));
 

frontend/app/components/shared/FetchDetailsModal/FetchDetailsModal.js

@@ -207,14 +207,14 @@ export default class FetchDetailsModal extends React.PureComponent {
             <ul className="list-disc ml-5">
               <li>
                 Integrate{' '}
-                <a href="" className="link">
+                <a href="https://docs.openreplay.com/plugins/fetch" className="link" target="_blank">
                   Fetch plugin
                 </a>{' '}
                 to capture fetch payloads.
               </li>
               <li>
                 Find a detailed{' '}
-                <a href="" className="link">
+                <a href="https://www.youtube.com/watch?v=YFCKstPZzZg" className="link" target="_blank">
                   video tutorial
                 </a>{' '}
                 to understand practical example of how to use fetch plugin.