Merge branch 'staging' of https://github.com/mazeincoding/AppCut into staging

.github/pull_request_template.md

@@ -36,6 +36,7 @@ Add screenshots to help explain your changes.
 
 - [ ] My code follows the style guidelines of this project
 - [ ] I have performed a self-review of my code
+- [ ] I have added screenshots if ui has been changed
 - [ ] I have commented my code, particularly in hard-to-understand areas
 - [ ] I have made corresponding changes to the documentation
 - [ ] My changes generate no new warnings
@@ -45,4 +46,4 @@ Add screenshots to help explain your changes.
 
 ## Additional context
 
-Add any other context about the pull request here. 
+Add any other context about the pull request here. 

apps/web/src/components/editor/media-panel/tabbar.tsx

@@ -69,7 +69,7 @@ export function TabBar() {
       />
       <div
         ref={scrollContainerRef}
-        className="h-12 bg-panel-accent px-3 flex justify-start items-center gap-5 overflow-x-auto scrollbar-x-hidden relative"
+        className="h-12 bg-panel-accent px-3 flex justify-start items-center gap-5 overflow-x-auto scrollbar-x-hidden relative w-full"
       >
         {(Object.keys(tabs) as Tab[]).map((tabKey) => {
           const tab = tabs[tabKey];