Virkemiddelliste: Byttet ut knapp med primary

apps/frontend/src/pages/VirkemiddelListPage.tsx

@@ -1,15 +1,15 @@
+import { Button } from '@navikt/ds-react'
 import { Block } from 'baseui/block'
 import { HeadingXXLarge } from 'baseui/typography'
-import React, { useState } from 'react'
+import { useState } from 'react'
+import { Helmet } from 'react-helmet'
 import CustomizedBreadcrumbs from '../components/common/CustomizedBreadcrumbs'
+import { AllVirkemiddel } from '../components/virkemiddelList/AllVirkemiddel'
+import { ampli } from '../services/Amplitude'
 import { user } from '../services/User'
 import { theme } from '../util'
 import { ettlevColors, maxPageWidth, responsivePaddingLarge } from '../util/theme'
-import { Helmet } from 'react-helmet'
-import { ampli } from '../services/Amplitude'
-import { AllVirkemiddel } from '../components/virkemiddelList/AllVirkemiddel'
-import Button from '../components/common/Button'
-import { plusIcon } from '../components/Images'
+// import Button from '../components/common/Button'
 
 export const VirkemiddelListPage = () => {
   const [isCreateModalOpen, setIsCreateModalOpen] = useState<boolean>(false)
@@ -32,7 +32,8 @@ export const VirkemiddelListPage = () => {
               <Block display="flex" justifyContent="flex-end">
                 {user.isKraveier() && (
                   <Block>
-                    <Button onClick={() => setIsCreateModalOpen(true)} startEnhancer={<img src={plusIcon} alt="plus icon" />} size="compact">
+                    <Button variant="primary" size="medium" onClick={() => setIsCreateModalOpen(true)}>
+                      {/* <Button onClick={() => setIsCreateModalOpen(true)} startEnhancer={<img src={plusIcon} alt="plus icon" />} size="compact"> */}
                       Nytt virkemiddel
                     </Button>
                   </Block>